Ancher网站前端攻城师

有时做网做明明css样式表是正常的但ie8不兼容,网页显示不正常,css如何兼容ie8呢,下面看解决办法:

IE6、IE7、Firefox等浏览器的兼容性问题让网页设计师们大伤脑筋，本来网页设计是件很有趣的事情，但是却被这多余兼容工作伤脑筋，特别是让人唾弃的IE6，多少人想让它消失，可是它就是消失不了，微软还说不会停止对IE6，真够郁闷的。

现在呢，IE8正式版已经出来一段时间了，不少网民被微软的Update提示安装上了IE8，这下又给设计师带来了麻烦，还好微软良心发现，把IE8做得比较符合标准，与其他标准浏览器区别不大，可是它还是与其他浏览器有区别的。
怎么办呢？我一直在用IE6，不想用IE8，电脑里有个绿色版的IE6，还有绿色版的Firefox，对于网页兼容测试，我用IE6、IE7、Firefox三个浏览器测试，因为没安装IE8，所以一直没能测试。

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

或者




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

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

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

或者：

IE8正式版出来有一段日子了，但是针对ie8正式版的CSS hack却很少，其实这是值得庆幸的，因为ie8修复了很多IE6和IE7的一些BUG，更加接近W3C标准。

针对IE8正式版的CSS hack目前可以找到的分为2种：

第一种：”\9″：
基本的写法:

1..test { color/*\**/: blue\9}
这个IE6、IE7、IE8都能识别；但是IE8不能识别“*”和“_”的css hack；所以我们可以这样写hack：(转载

1..header {width:300px;} /* 所有浏览器*/
2..header {width/*\**/:330px\9;} /* 所有浏览器IE浏览器 */
3..header {*width:310px;} /* IE7和IE6能识别,IE8和FF不能识别*/
4..header {_width:290px;} /* IE6能识别，IE7、IE8和FF不能识别*/
第二种：就是使用IE的条件注释
具体可以查看这里：http://www.css88.com/archives/705；

其他一些css hack的测试：
1..color1{ color:#F00; color/*\**/:#00F/*\**/}/*IE6,IE7,IE8,FF,OP,SA识别*/
2..color2{ color:#F00; color /*\**/:#00F/*\9**/}/*IE7,IE8,FF,OP,SA识别*/
3..color3{ color:#F00; color/*\**/:#00F\9}/*IE6,IE7,IE8识别*/
4..color4{ color:#F00; color /*\**/:#00F\9}/*IE7,IE8识别*//*“color”和“/*\**/”之间有个空格*/
其中：OP表示Opera，SA表示Safari

参考阅读：

http://ladysign-apps.com/blog/archives/529

http://webdevelop.nitamihai.com/ie8-css-hack/