1 规范是第一要务
在IE8中,如果html的标签结构和代码没有按照规范来书写,将会出现很多意想不到的错误。虽然这些错误对于其他的浏览器来说不成问题。完全可以很好滴执行。但是在IE8中就会莫名其妙地报错。因此,为了防止IE8中出现各种莫名其妙BUG的第一要务就是要说些规范。
2 IE8的z-index
一旦在IE8中使用了z-index,就要特别留意。留意使用z-index的块元素的父类是否也使用的z-index。如果父元素没有设置同样等值的z-index的话,那么将会有可能被下面的块元素所覆盖。
3 IE8下的position应该注意为对应的div设置对应的宽度和高度
如果你为一个块仅仅设置了position属性,而没有设置width和height属性,在chrome内核的浏览器中没有任何问题可以自动根据内容识别并安排。但是在IE8中则会出现排版混乱的问题。
这其中一个重要的原因是因为IE8时代下对像素的定位要求很精确。而在现在的移动时代则更多依靠位置来适应定位。
所以,在网站设计的时候,为了更好地兼容IE8的设计体验,一定要在设定position的基础上,至少设定width。
4 float的撑开问题
在ie8中,经常会出现float的div无法撑开父div的情况。这种情况下最好的处理方式有两步。
第一步,加载clearfix的CSS,内容如下
.clear {clear:both;visibility:hidden; display: block; font-size: 0;line-height: 0;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}
加载了该CSS之后,需要在父类引用。
第二步,记得一定要为父类