IE8与IE6及IE7的区别.doc

IE8与IE6和IE7的区别 收藏 测试了一两天的IE8发现，其中有很多东西都是和IE6和IE7不同的地方，包括css和javascript两个方面，在此记录备忘 1 IE8中的css中关于width或是height中如果使用像素形式作为参数时，参数必须是带“px”的，而且此参数必须是大于0的，而在IE6和IE7中是支持不带“px”参数的，而且参数是可以为一个负数。 2 IE8中的css中“border-style:outset ;”是没有效果的。 3 IE8中的无序列表ui之间的距离要比IE6和IE7大的多，而且我还没有找到调整的方法。 4 在IE8中，一个Iframe中取event.x的值不是Iframe中的相对x坐标，而是最外层的window的x坐标，但是event.y却是取的是 Iframe中的相对y坐标。而在IE6和IE7中，event.x和event.y却得的都是所在Iframe中的相对坐标，真是搞不懂！可以用 event.clinetX代替。 5 IE8中的javascript中function对象例如： function a（）{ alert（haha）; } var fun=new Function(,a); alert(fun); 此时返回的值为function anonymous(){function a(){alert(haha)}} 而在IE6和IE7中返回的值为function anonymous(){alert(haha)};也就是说当Function的第二个参数如果是一个函数时，IE8对此参数作用的是整个函数的代码，而IE6和IE7则是对此参数起作用的是函数的内部代码（不包括 “function a（）{”和“}”的函数头和尾） 6 IE8中expression函数不起作用。所以如何在css中写javascript代码还不清楚。 7.如下代码 .regDiv{ background-image:url(image/bg.gif); MARGIN: 0px auto; WIDTH: 800px; } .regWrap{ vertical-align:center ;border:0px ;margin:0 auto; width:95% } .regWrap TD{ FONT: 12px/25px arial; VERTICAL-ALIGN: buttom; PADDING-TOP: 2px; PADDING-BOTTOM: 2px; PADDING-LEFT:5px; white-space:nowrap; vertical-align:bottom; } .regWrap EM { PADDING-RIGHT: 5px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; COLOR: #cc0000; PADDING-TOP: 0px } .regWrap SPAN{ PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px;OVERFLOW: hidden; HEIGHT: 20px;color: #999999 } .regWrap INPUT{ HEIGHT: 18px } A{ FONT: 12px/12px arial; COLOR: #039; TEXT-DECORATION: none; } 这段代码中如果在IE8以下版本中，A的样式是无效的，而在IE8中是有效的。但是如果把A{……}的???式放在.regWrap{……}前面，这样IE8及以下版本中A的样式就都有效了。 @看了下。。 。在IE6里面做的网站其中的高度为一像素表格在IE8里面显示的不是一像素了。 总之变的很明显的大了 @bug or something else div style=width:300px;float:left;clear:both;（这里的clear无关紧要似的） a href=#img alt= src=tl.png//aa href=#img alt= src=pl.png//a /div 以上这段代码，在IE8里面，如果我们给img一个float：left；属性那么a标签就会自动产生3px的margin-left（也可以理解为 img标签会吧），即便在样式里面用a{padding:0;margin:0;}都不行，给img这样做也不行，即便是inline style；再者，如