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