ie | 易学教程

CSS 教程 - 闭合浮动元素

阅读更多关于 CSS 教程 - 闭合浮动元素

　　按照CSS规范，浮动元素(floats)会被移出文档流，不会影响到块状盒子的布局而只会影响内联盒子(通常是文本)的排列。　　因此当其高度超出包含容器时，一般父容器不会自动伸长以闭合浮动元素。　　但是有时我们却需要这种自动闭合行为，具体如何处理呢? 　　有一种做法就是在父容器内再插入一个额外的标签，并令其清除浮动(clear)以撑大父容器。这种方法浏览器兼容性好，没有什么问题，缺点就是需要额外的(而且通常是无语义的)标签，所以我个人不大喜欢。　　后来又有了一种新的方式，使用 :after 伪类动态的嵌入一个用于清除浮动的元素，这种方法和上一种原理一样，不同的只是把这个额外的内容用 CSS 生成，但考虑到 IE不支持 :after 不得不做了不少的 hack。这种方法兼容性一般，但经过各种 hack 也可以应付不同浏览器了，同时又可以保证 html 比较干净，所以用得还是比较多的。　　再后来又有人发现将父容器的 overflow 设为除 visible 之外的值就可以在标准兼容浏览器中闭合浮动元素，IE自然又是不支持的，所以这种方法和上一种方法一样都对IE 做了不同处理(具体就是触发layout)，不同的就是overflow 没有 :after 伪类那么麻烦了，缺点也有，overflow 可能会产生一些小冲突。　　在使用 overflow 之前还有过一种使用 float

JS事件流模型

阅读更多关于 JS事件流模型

JS事件流模型（一）JS中的事件流模型 1. 事件冒泡(fasle/不写)：当触发一个节点的事件是，会从当前节点开始，依次触发其祖先节点的同类型事件，直到DOM根节点。 2. 事件捕获(true)：当初发一个节点的事件时，会从DOM根节点开始，依次触发其祖先节点的同类型事件，直到当前节点自身。 3. 什么时候事件冒泡？什么时候事件捕获？ ① 当使用addEventListener绑定事件，第三个参数传为true时表示事件捕获； ② 除此之外的所有事件绑定均为事件冒泡。 4. 阻止事件冒泡： ① IE10之前，e.cancelBubble = true; ② IE10之后，e.stopPropagation(); 5. 阻止默认事件： ① IE10之前：e.returnValue = false; ② IE10之后：e.preventDefault(); //css #div1{ width: 300px;; height: 300px; } #div2{ width: 200px; height: 200px; } #div3{ width: 100px; height: 100px; padding: 0px 0px 0px 5px; background-image: initial; background-position: initial; background-size

解决response.setHeader(\"Content-disposition\" 中文乱码问题

阅读更多关于解决response.setHeader(\"Content-disposition\" 中文乱码问题

Content-Disposition中文乱码 Response.setHeader(”Content-Disposition”, “attachment; filename=” + fileName+”.xls”); 如果file.Name为中文则乱码。解决办法是 response.setHeader(”Content-Disposition”, “attachment; filename=” + java.net.URLEncoder.encode(fileName, “UTF-8″)); 下载的程序里有了上面一句，一般在IE6的下载提示框上将正确显示文件的名字，无论是简体中文，还是日文。但是文字只要超过17个字，就不能下载了。一. 通过原来的方式，也就是先用URLEncoder编码，当中文文字超过17个时，IE6 无法下载文件。这是IE的bug，参见微软的知识库文章 KB816868 。原因可能是IE在处理 Response Header 的时候，对header的长度限制在150字节左右。而一个汉字编码成UTF-8是9个字节，那么17个字便是153个字节，所以会报错。而且不跟后缀也不对. 来源： https://www.cnblogs.com/ShaYeBlog/p/9844680.html

郁闷的IE字体大小变化问题:(

阅读更多关于郁闷的IE字体大小变化问题:(

本文转载自： https://www.cnblogs.com/birdshome/archive/2004/04/22/7191.html 作者：birdshome 转载请注明该声明。机器装的是Winxp英文版，装的主要软件是： VS.NET 2003，Office 2003，DreamWeaver 2004，Sql Server 2000，Noton AntiVirus，PowerWord 2003，Real One，VobSub，RAR，Zip，Acrobat 6.0 Professinal，VF 7.0，3721 Assistant，EasyRecover Professinal，NetAnts，JavaScript Editor和Soure Insight 3。软件业全是英文版，平时很少再装卸软件。可是近来发现不知道从什么时候开始，IE显示网页时字体大小出了问题，看图(1) ，图中的字体正常，可是当我点击了RadioButton Branch时，这个RadioButton的onclick触发了submit。郁闷的是啥呢？当这个页面还没有被新的数据刷新，也就是还在等待数据的时候，网页上的文字大小会发生改变，如图(2) 中蓝线标出。图(1) 图(2) 不管我怎么清空缓存，删掉脱机文件，然后把IE字体设置成“中”

cookie path

阅读更多关于 cookie path

以前使用cookie的时候没有在意path的问题。这次公司商城实现了静态化的功能，多了2级目录。导致了我在商品详情页面设置好的cookie（path为/good/商品ID/）在店铺首页竟然访问不到(店铺首页的path为'/store/')。cookie的名称都是一致的。唯一不同的只有path。在商品详情页设置cookie的时候吧path设置成‘/’，这样修改之后就可以正常的在店铺首页取到设置好的cookie了。使用关键字 javascript cookie path 还搜索到了，原来10年来IE一直存在一个cookie path的一个bug（原文地址：http://conkeyn.iteye.com/blog/423549）。手上一个广告项目，在Firefox下顺利测试通过。自信JS代码能兼容IE，FF测试过后随手就仍给CS测试，结果CS反馈说有问题。排查一番，发现居然和Javascript 设置 Cookie 时的 path 有关。IE下Cookie种在 /或者URL所在路径时正常，如果Cookie值作用域在当前URL下则IE下javascript 无法获取到设置的Cookie值。看下面演示代码: Js代码 var cookie_name = "name" ; var cookie_value = "value" ; expires = new Date();

CSS：IE，Chrome，Firefox兼容性和CSS Hack

阅读更多关于 CSS：IE，Chrome，Firefox兼容性和CSS Hack

原作者：微米博客以前写过一篇关于CSS hack的文章，但近期回头看了看发现理解的不够深刻，总结的也不凝练，于是今天重新测试从新写一篇。常用的CSS hack如下（笔者只对IE&FF&Chrome进行了测试）。 hack列表（全部经笔者测试，且均为标准模式下，混杂模式由于很少会用到所以未对其进行测试）：其中粉红色部分为属性hack，黄色部分为选择器hack，它们可以结合使用。此外Firefox和Chrome也有它们专有的hack，详细hack方式及使用示例如下： Firefox： @-moz-document url-prefix() /*写在选择器外层时（只可写在此处）：Firefox only*/ Chrome： @media screen and (-webkit-min-device-pixel-ratio:0) /*写在选择器外层时（只可写在此处）：Chrome only*/ 使用示例-写在选择器前面： @-moz-document url-prefix() /*Firefox*/ { body { background-color:pink; } } 注意事项：浏览器对css的解析是从前到后的，并且采用最后一个样式声明。还是不知道怎么区分.好吧,来看个例子: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

无线渗透测试&基础命令操作

阅读更多关于无线渗透测试&基础命令操作

文章目录无线网络参数基础命令 iwconfig route route相关文件 arp arp相关文件常用命令 aireplay-ng airodump-ng 无线网络参数 Cell 01 - Address: 78:EB:14:B9:96:6E Channel:13 # 信道 Frequency:2.472 GHz (Channel 13) # 频率 Quality=64/70 Signal level=-46 dBm # 信号强度 Encryption key:on # 加密密钥？？？ ESSID:"FAST_966E" # wifi标识 Bit Rates:1 Mb/s; 2 Mb/s; 5.5 Mb/s; 11 Mb/s; 9 Mb/s 18 Mb/s; 36 Mb/s; 54 Mb/s Bit Rates:6 Mb/s; 12 Mb/s; 24 Mb/s; 48 Mb/s Mode:Master # Master模式（用作无线AP）四种模式(Managed，Master，Ad-hoc，Monitor)... Extra:tsf=000000f350f206ae Extra: Last beacon: 236ms ago IE: Unknown: 0009464153545F39363645 IE: Unknown: 010882848B961224486C IE:

HTTP协议 (四) 缓存

阅读更多关于 HTTP协议 (四) 缓存

转载小坦克： https://www.cnblogs.com/TankXiao/archive/2012/11/28/2793365.html HTTP协议 (四) 缓存之前写过一个篇【HTTP协议详解】，这次继续介绍HTTP协议中的缓存机制。HTTP协议提供了非常强大的缓存机制，了解这些缓存机制，对提高网站的性能非常有帮助。本文介绍浏览器和Web服务器之间如何处理"浏览器缓存"，以及控制缓存的http header. 本文会使用Fiddler来查看HTTP request和Response, 如果不熟悉这工具，可以先参考 [Fiddler教程] 。在看本文的时候，请务必打开Fiddler来实践。阅读目录缓存的概念缓存的好处 Fiddler可以方便地查看缓存的header 如何判断缓存新鲜度通过最后修改时间，判断缓存新鲜度与缓存相关的header ETag 浏览器不使用缓存直接使用缓存，不去服务器端验证如何设置IE不使用缓存公有缓存和私有缓存的区别缓存的概念缓存这个东西真的是无处不在，有浏览器端的缓存，有服务器端的缓存，有代理服务器的缓存，有ASP.NET页面缓存，对象缓存。数据库也有缓存，等等。 http中具有缓存功能的是浏览器缓存，以及缓存代理服务器。 http缓存的是指:当Web请求抵达缓存时，如果本地有“已缓存的”副本

修复IE 6 PNG图片透明

阅读更多关于修复IE 6 PNG图片透明

1.用ps制作一张宽度，高度都为1px的透明图片，保存到images/blank.gif 2.用记事本创建一个文件命名为iepngfix.htc，代码如下： <public:component> <public:attach event="onpropertychange" onevent="iePNGFix(0)" /> <script type="text/javascript"> // IE5.5+ PNG Alpha Fix v1.0 // (c) 2004-2008 Angus Turnbull http://www.twinhelix.com // This is licensed under the GNU LGPL, version 2.1 or later. // For details, see: http://creativecommons.org/licenses/LGPL/2.1/ // This must be a path to a blank image, relative to the HTML document(s). // In production use I suggest 'images/blank.gif' or similar. That's all! if (typeof blankImg == 'undefined') var

修复ie6-position:fixed

阅读更多关于修复ie6-position:fixed

在web开发中，经常需要将元素固定在某个位置，不随浏览器的拖动而改变。这时候，你可能很快会想到使用position:fixed;方式去处理，不错这个方案是标准的，并且在ie6+,ff等浏览器中都能很好的渲染，但ie6却不支持此属性。因ie6在目前的用户量仍然很大，我们必须将其考虑在内。其实早些时候在网上已经涌现了一些解决方案，但归结如下： 1.监听滚动条的拖动，动态改变元素的位置。 2.利用ie所支持css中的expression，在里面写script去动态获取位置。但是上面的两种方法都会造成元素的刷新，虽然第二种会好些，但仍然不是我们要的效果，在这里以上两种实现方法，不做细节讨论，主要给大家介绍一种方法： 1.如果是非ie6,那么利用position:fixed;方式。 2.如果是ie，通过将body元素高定位100%,并做一些处理。下面是代码演示和下载： http://www.scriptlover.com/controls/FixedPosition/ 转载请注明出处，谢谢。来源： https://www.cnblogs.com/tantaiyizu/archive/2008/12/10/1352254.html

订阅 ie