IE6、IE7、IE8的CSS、JS兼容
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 进行测试: