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" />，问题搞定。