遇到的几个IE的css兼容问题

1、居中的问题

在其他浏览器当中只要设置wrapper{margin:0 auto;}就可以实现的居中问题,在IE当中需要先设置body{text-align:center}才能生效。

2、宽度的问题

IE当中的Padding和其他浏览器中的padding的定义不同,因此会造成双倍宽度的问题,针对每个细节另外修改。

3、float的问题

在每个具有float的属性下面加上{display:inline;}会对排列混乱有帮助。

4、NivoSlider在IE当中图片不显示的问题。

将.nivoSlider img 当中的{display:none;}删除,可以解决这个问题。

5、图片的蓝色边框

设置img{border:0;}可以解决。

6、网页在IE9下面会被用Quirks模式打开

将网页用Notepad++打开,然后encoding — convert to UTF-8 without BOM

7、显示层次的问题,z-index无效

z-index无效发生的条件是父元素属性{position:relative;},这个时候要把父元素的z-index设置的高一些,该元素的层次会跟随父元素。



发表评论

电子邮件地址不会被公开。 必填项已用*标注