引见IE8的CSS hack
日期：2013-06-01 浏览次数：21019 次
css兼容性不断是大家头疼的问题，IE6、IE7和FF曾经让大家够呛，在以前的文章中，很多这方面的知识引见。今天向大家引见IE8的CSS hack。
IE8正式版发布以来,不断在找一种区别IE8正式版的方法.在百度搜索"IE8 hack"有19万多个结果,google搜索则有243万多个结果,但几乎没有看到任何一种无效的方法是针对IE8正式版的,要知道IE8正式版和测试版在hack上是有很大区别的.而且网络上的方法几乎都是出自一两团体之手,最有名的可能要数那张linxz.cn的hack图片了,这张图片估量被国内的网友转载了几十万次,但目前这张图里的方法对IE8正式版是无效的.
经过分析和总结网友们的各个无效方法,有了下面的行之无效的处理方案,或许当前还会有更好更简单的hack,但就目前来说这个方法可以处理燃眉之急.
不再讲废话,来(以下的IE8均指IE8正式版,版本号:8.0.6001.18702):
"\9" 例:"margin:0px auto\9;".这里的"\9"可以区别所有IE和FireFox.
"*" IE6、IE7可以识别.IE8、FireFox不能.
"_" IE6可以识别"_",IE7、IE8、FireFox不能.
如此,就可以完全区分开IE6、IE7、IE8、FireFox了.
什么?还是不知道怎样区分.好吧,来看个例子:
<!DOCTYPE <a href="http://www.blue1000.com/bkhtml/c22/" title="HTML/JavaScript教程">HTML</a> PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html <a href="http://www.blue1000.com/bkhtml/c21/" title="XML教程">XML</a>ns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>区别IE6、IE7、IE8、FireFox的<a href="http://www.blue1000.com/bkhtml/c23/" title="CSS教程">CSS</a> hack</title><style type="text/css"><!--#test,#note{margin:0 auto;text-align:center;}#test {width:200px;height:30px;border: 1px solid #000000;color:#fff;line-height:30px;}.color{background-color: #CC00FF; /*所有浏览器都会显示为紫色*/background-color: #FF0000\9; /*IE6、IE7、IE8会显示红色*/*background-color: #0066FF; /*IE6、IE7会变为蓝色*/_background-color: #009933; /*IE6会变为绿色*/}--></style></head><body><div id="test" class="color">测试方块</div><div id="note"><strong style="color:#009933">IE6</strong><strong style="color:#0066FF">IE7</strong><strong style="color:#FF0000">IE8</strong><strong style="color:#CC00FF">FireFox</strong></div></body></html>
