使用!important,最主要是为了ie6这个浏览器,因为ie6是目前标准兼容最有问题的浏览器,我们前端设计师比较烦恼,要另外写一段代码给ie6
----------------
如我们想在ie8,firefox,chrome等高端浏览器下设置字体为14个像素,ie6为12个像素,那么css就这样写
#text{font-size:14px!important;font-size:12px;}
或者说高端浏览器中使用透明的png图片,而ie6本身不支持透明图片,只能使用gif,所以css中这样写
#test{background:("a.png") no-repeat!important;background:url(ie6.gif) no-repeat}
!important用于兼容火狐
比如margin-top:10px!important;火狐
margin-top:10px;IE8
*margin-top:10px;IE7
_margin-top:10px;IE6
浏览器兼容用的
有时候在ie6下看到页面整齐了,到ie7,Firefox页面乱了
所以需要浏览器hack,有些特殊标点,不同的浏览器会选择识别
下图是详解
向左转
|
向右转