CSS属性过滤


在前端领域,当我们想在ie6及以下版本和标准浏览器的样式不同我们怎么做呢

此时此刻不得不提到过滤器:即一种对特定浏览器显示和隐藏规则的声明方法

1.下划线属性过滤器

  符合标准的浏览器都会忽略这个声明,而在IE6及更低浏览器则会被解析

min-height:10px;
_height:100px

  在标准浏览器只会解析min-height,而_height不起作用

2.!important关键字过滤器

  利用!important不被IE6及以下识别

height:50px;
height:100px !important;

  在标准浏览器中height为100px,在IE6及以下浏览器则为50px

3.*/+属性过滤器

 在一个属性前面加了*或者+后,该属性只能被IE7及以下浏览器识别

height:50px;
*height:100px;

  在标准浏览器中height为50px;在IE7及以下则为100px

4.\9和\0过滤器

  在属性后加\9则只能被IE浏览器组识别

  在属性后加\0则只可被IE8以上浏览器识别

 

height: 50px;
height: 100px \9

  在IE浏览器组height值为100px,在其他浏览器则为50px

height: 50px;
height:100px \0;

  在IE8以上浏览器识别height值为100px,在其他浏览器则为50px

我们可以利用以上的规则在IE和其他浏览器之间进行样式的区分,岂不是美滋滋

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM