Question

最近遇到火狐和ie8代码的问题。

我写了一个容器，width:100px;height:30px;火狐的解读效果我设置等刚好，但是ie8就变成了width:110px;height:35px;那个样子，我在代码中用了important;也不行，ie8还是会读important;
的内容，而不会去读没有important;代码，火狐方面有什么办法解决吗？谢谢。

Answer 1

　　您好！很高兴为您答疑。
　　由于不同的浏览器，比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。

　　这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。
　　这个针对不同的浏览器写不同的CSS code的过程，就叫CSS hack。
　　区别不同浏览器，CSS hack有不同的写法：
　　区别IE6与FF：
　　background:orange;*background:blue;
　　区别IE6与IE7：
　　background:green !important;background:blue;
　　区别IE7与FF：
　　background:orange; *background:green;
　　区别FF，IE7，IE6：
　　background:orange;*background:green !important;*background:blue;
　　注意事项：
◆IE都能识别*;标准浏览器(如FF)不能识别*；
◆IE6能识别*，但不能识别 !important,
◆IE7能识别*，也能识别!important;
◆FF不能识别*，但能识别!important;
　　另外再补充一个，下划线"_",
　　IE6支持下划线，IE7和firefox均不支持下划线。
　　于是大家还可以这样来区分IE6，IE7，Firefox
　　background:orange;*background:green;_background:blue;
　　注：不管是什么方法，书写的顺序都是firefox的写在前面，IE7的写在中间，IE6的写在最后面。
　　如果对我们的回答存在任何疑问，欢迎继续问询。

Answer 2

是不是你有CSS样式互相冲突的，这两个属性都是最为基础的CSS属性之一。

加上

*{width:100px !important;height:30px !important;}

是肯定可以的，最起码firefox可以。

追问

我的意思是在火狐浏览器里可以，但是在ie8浏览器就不行了，ie8一样读!important;的内容。

追答

什么叫做ie8一样读!important;的内容

追问

如果在CSS中写width:100px !important;height:30px !important;width:90px;height:10px;
的话，ie浏览器就会读取width:90px;height:10px;的CSS，不会读width:100px !important;height:30px !important;，

追答

你为何要写具有冲突的样式，写一个就行了嘛。不过你这样写也是完全没有问题的呀，!important是CSS1的内容，
ie8应该早就支持了。你试着不要把这两个写在同一个括号里，没有!important的写在前面。