!important 除了IE 其他浏览器都能识别
.colortest {
border:20px solid #60A179 !important;
border:20px solid #00F;
padding: 30px;
width : 300px;
}
在Mozilla中浏览时候，能够理解!important的优先级，因此显示#60A179的颜色：
在IE中浏览时候，不能够理解!important的优先级，因此显示#00F的颜色：
IE6、IE7、IE8、FF浏览器的CSS兼容问题，本来IE6跟ff之间的兼容是很容易解决的。加上个IE7会麻烦点，IE8的出现就更头疼了，原来hackIE7的方法又不能用了，怎么办呢？
还好，微软提供了这样一个代码：
- <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
把这段代码放到<head>里面，在IE8里面的页面解析起来就跟IE7一模一样的了，所以，基本上可以无视IE8，剩下的代码只需要这样写就可以了
- background:#ffc;/*对firefox有效*/
- *background:#ccc;/*对 IE7有效*/
- _background:#000;/*只对 IE6有效*/
解释一下吧：
◆firefox能解析第一段，后面的两个因为前面加了特殊符号“*”和“_”,firefox认不了，所以只认background:#ffc，看到的是黄色；
◆IE7前两短都能认，以最后的为准，所以最后解析是background:#ccc，看到的是灰色；
◆IE6三段都能认，而且“_”这个只有IE6能认，所以最后解析是_background:#000，看到的是黑色
已经是最简单和最好理解的写法了，如果你是google进来的，我可以很负责任的告诉你，这种方法是ok的，我测试过。
◆IE8的那段兼容7的代码我也测试过了，在我现在的windos7测试版所带的IE8是没问题的，以后IE8正式版出来还管不管用就不知道了。
ps：如果你发现按我这样写还是有问题的话，请查看一下你的html头，看看<head>之前的内容是不是这样的标准写法
- <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
- < html xmlns = "http://www.w3.org/1999/xhtml" >
这个是现在比较规范的写法，如果你是用dreamweaver做页面的话，默认也是这种规范的，切记，非这种规范写法的，兼容性不能保证。
599
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
