css兼容IE8的一个简便方法

问题:现在网站上,大家都开始用CSS+DIV来设计样式,但是不同浏览器却存在很大的不同。网上也有很多关于 css兼容不同浏览器的文章,也看了一些,还真是麻烦。今天遇到一个问题,写好的CSS在IE6和火狐上显示都正常的,但是到IE8上,显示就是不正常, 本来要加一个滚动条的,我把overflow设置为auto了,在IE8上,她就是只显示一部分内容,其他内容其他卡掉。

    解决方法:在网上看到一篇文章,ie8不兼容,网页显示不正常,css如何兼容ie8

IE8是有两种解析模式的,一种是IE8 Standard Modes :默认的最标准的模式,严格按照W3C相关规定,一种是IE7 Standards Modes :IE7现在用的解析网页的模式。IE7还算是不错的浏览器,如果让IE8浏览器自动切换到IE7,IE6模式,那我们就不用为IE8布局兼容问题烦恼了,而这个开关只有一行代码:

<meta http-equiv="x-ua-compatible" content="ie=7" /> 或者<meta http-equiv="x-ua-compatible" content="ie=6" />

其实就是比较霸道的让ie8以ie7的标准或者是以 ie6 的标准去解析整个页面!

在网页的head里加入以上这段代码,用IE8访问时就会自动切换到IE7模式,如果你的网站在IE7下显示正常,那在IE8下也可以正常显示了。加入这段代码会不会影响其它的浏览器呢?不会,X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,所以你就放心使用吧!

      就这样一段代码就可以让你的网站轻松兼容IE8了。

直接在各个模版页的head里加入<meta http-equiv="x-ua-compatible" content="ie=7" /> 或者<meta http-equiv="x-ua-compatible" content="ie=6" />,问题搞定。

你可能感兴趣的:(css)