IE6、IE7、IE8浏览器下的CSS、JS兼容性怎么样?3种对比分析( 二 )


3、 postMessage 。IE8现在支持跨文件消息通讯(Cross-Document Messaging-XDM)!通过onmessage事件和postMessage方法,两个来自不同域的网页可以进行通讯 。目前IE8、Opera 9、Firefox 3和WebKit nightlies版均支持这个功能,也就是说,该功能几乎已被所有最新浏览器支持 。
4、 Offline Events 。在IE 8中拥有一些离线事件来检测网络的中断,通过它我们可以编写精彩的离线Ajax应用 。目前来看支持这一功能的浏览器包括Firefox3和IE8 。
用firefox或者chrome一登陆最小系统就报480分钟超时错误
IE6 Bugs
1 、不支持用样式设置元素
2 、不支持以连字符和下划线开头的 class 和 ID 名
3 、元素总是出现在堆叠最上面,而无视 z-index 值
4 、如果锚点的伪类没有使用正确的顺序 ( :link , :visited , :hover ),:hover 伪类将无效
5 、一个属性的 !important 声明会被同一规则中同一属性的没有使用 !important 的第二个声明覆盖 。
6、 height 表现类似于 min-height,width 表现类似于 min-width,左右 margin 双倍
7、 圆点边框 (dotted) 看起来像虚线边框 (dashed)
8、 text-decoration 的 line-through 值在文字上看起来比别的浏览器要高一些
9 、有序列表如果有一个固定结构 (haslayout 为 true,不能设置 li 的高度 / 宽度 /zoom 等激活 haslayout 的值 ),序号就不会增加,而是保持为 1
10、 列表元素不支持 list-style-type 的所有可用的值
11、 如果列表条目浮动,指定的 list-style-image 将不会显示
12、 不完全支持 @font-face
13、 某些选择器会错误的匹配注释和文档声明
14、 如果一个 ID 选择器结合一个类选择器不匹配,同样的 ID 选择器结合不同的类选择器也将被当作不匹配 。
IE7 bugs
1 、 有序列表如果有一个固定结构 (haslayout 为 true,不能设置 li 的高度 / 宽度 /zoom 等激活 haslayout 的值 ),序号就不会增加,而是保持为 1
2、 列表元素不支持 list-style-type 的所有可用的值
3 、如果列表条目浮动,指定的 list-style-image 将不会显示
4 、不完全支持 @font-face
5 、某些选择器会错误的匹配注释和文档声明


推荐阅读