在前端领域,当我们想在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
Absorbing material: www.goodsmaterial.com