在前端領域,當我們想在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和其他瀏覽器之間進行樣式的區分,豈不是美滋滋