问题：现在网站上，大家都开始用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" />，问题搞定。
在前端开发中，我们经常遇到这样的情况：服务器传到前端的图片需要缩小以显示（如下），在将其缩放之后，IE中图片效果不容乐观。
<img class="thumb" src=http://www.webyi.com/wschool/wdesign/CSS/20090905/"pic.jpg" alt="This image is really 500x500 big" width="50" height="50" />
IE7支持自定义双三次&ldq ......
Class.xml
<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/css" href="class.css"?>
<bookdetail>
<book class="A">
<author>曹雪芹</author>
<title>红楼梦</title>
<price>60.00</price>
</book>
<book class="A"& ......
