IE6、IE7、IE8的CSS、JS兼容-优快云博客

本文链接：https://blog.youkuaiyun.com/iteye_13003/article/details/82518502

本文深入探讨了IE6、IE7、IE8在CSS样式和JavaScript方面的主要区别，包括宽度和高度参数、边框样式、无序列表间距、脚本权限、下划线支持、Iframe事件坐标获取、函数对象行为及状态栏更新等特性，旨在帮助开发者更好地理解并兼容不同浏览器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

border-radius: 30px 15px \\0; /*IE8 背景變紅色*/
*border-radius: 10px 5px; /*IE7 背景變紅色*/
_border-radius: 10px 5px; /*IE6 背景變紅色*/

IE6 、 IE7 、 IE8 在 CSS 和 JS 方面的区别 :

1、IE8中的css中关于width或是height中如果使用像素形式作为参数时，参数必须是带“px”的，而且此参数必须是大于0的，而在IE6和IE7中是支持不带“px”参数的，而且参数是可以为一个负数。

2、如:style=height:180px\\0;只有IE8能识别,style=height:180px\\9,IE都能识别。

2、IE8中的css中“border-style:outset ;”是没有效果的。

3、IE8中的无序列表之间的距离要比IE6和IE7大的多。

4、IE6能识别*，但不能识别!important,IE7能识别*也能识别!important。

5、IE6支持下划线，IE7不支持下划线。

6、在IE8中，一个Iframe中取event.x的值不是Iframe中的相对x坐标，而是最外层的window的x坐标，但是event.y却是取的是 Iframe中的相对y坐标。而在IE6和IE7中，event.x和event.y却得的都是所在Iframe中的相对坐标，可以用 event.clinetX代替。

7、IE8中的javascript中的function对象例如：

function a(){alert(“helloworld”);}

var fun = new function(‘’,’helloworld’);

alert(fun);

此时返回的值为function anonymous(){function a(){alert(“helloworld”)}}, 而在IE6和IE7中返回的值为function anonymous(){alert("helloworld")},也就是说当Function的第二个参数如果是一个函数时，IE8对此参数作用的是整个函数的代码，而IE6和IE7则是对此参数起作用的是函数的内部代码（不包括 “function a（）{”和“}”的函数头和尾）。

8、在ie6中，使用window.status =" 欢迎光临我的博客！！！",就能在状态栏显示这么一行字，但在IE7中，IE7的安全性设置中，默认是不允许脚本更新状态栏的.

9、IE8会把对 IE6,7,8 用 css 进行测试：