IE8的CSS hack相关介绍

【 tulaoshi.com - Web开发 】

　　CSS兼容性一直是大家头疼的问题，IE6、IE7和FF已经让大家够呛，在22333.com以前的文章中，很多这方面的知识介绍。今天向大家介绍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 auto9;".这里的"9"可以区别所有IE和FireFox.
"*"　IE6、IE7可以识别.IE8、FireFox不能.
"_"　IE6可以识别"_",IE7、IE8、FireFox不能.

　　如此,就可以完全区分开IE6、IE7、IE8、FireFox了.

　　什么？还是不知道怎么区分.好吧,来看个例子:

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
html xmlns="http://www.w3.org/1999/xhtml"
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title区别IE6、IE7、IE8、FireFox的CSS hack - www.22333.com/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: #FF00009; /*IE6、IE7、IE8会显示红色*/
*background-color: #0066FF;  /*IE6、IE7会变为蓝色*/
_background-color: #009933;  /*IE6会变为绿色*/
}
--
/style
/head
body
div id="test" class="color"测试方块 www.22333.com/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
 [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]