CSS的!important属性 以及对它的误解

通过我的测试,IE6也是支持!important属性的,但也可以用该属性来区分浏览器。

比如有个DIV,它的position属性是absolute,它的top属性在IE留言器下希望是屏幕高度的60%,而在其他浏览器下给个固定值300px,我们可以这么写CSS

div{

position:absolute;

top:expression(screen.height*0.6)!important;

top:300px;

right:0px;

visibility:visible;

}

对于IE浏览器是支持expression表达式的,并且声明了!important属性,就是说IE浏览器只会执行有表达式的这行代码,因此IE浏览器的结果就是屏幕高度的60%,而非IE浏览器因为不支持expression,所以会执行下一行,结果就是300px。
--------------------- 
作者:出来打酱油 
来源:CSDN 
原文:https://blog.csdn.net/tengyang11/article/details/6122802 
版权声明:本文为博主原创文章,转载请附上博文链接!

猜你喜欢

转载自blog.csdn.net/u012767761/article/details/86466748