怎么區別瀏覽器CSS hack

本篇內容介紹了“怎么區別瀏覽器CSS hack”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

咱們只需思索IE6\IE7\火狐（Firefox）這3個涉獵器就可兼容全部閱讀器。
詳細區別如下：
區別IE6與FF：
bac千克round:orange;*background:blue;
區別IE6與IE7：
bac公斤round:green !important;bac千克round:blue;
區別IE7與FF：
bac千克round:orange; *bac千克round:green;
區別FF，IE7，IE6：
bac千克round:orange;*bac千克round:green !important;*background:blue;

注：IE都能辨認*;規范涉獵器(如FF)不能識別*；
IE6能識別*，但不克不及辨認 !important,
IE7能辨認*，也能識別!important;
FF不克不及辨認*，但能辨認!important;以下是各涉獵器CSS hack表格

另外再填補一個，下劃線"_",
IE6贊成下劃線，IE7與firefox均不支持下劃線。

于是人人還可能多么來判袂IE6，IE7，firefox: bac公斤round:orange;*bac千克round:green;_bac千克round:blue;

注：不論是甚么辦法，謄錄的按次都是firefox的寫在前面，IE7的寫在兩頭，IE6的寫在最背面。

以上是介紹區別各涉獵器的CSS hack的寫法，上面我們簡單引見這些CSS hack用法：

要求注明：若是咱們設置一個類名為exple的類CSS屬性,CSS技倆邊框為1PX黑色邊框，高度為100PX并申請，在IE6閱讀器下寬度為100PX；IE7瀏覽器寬度下為150PX；火狐IE8google瀏覽器下寬度為200PX；(PX是長度單元像素)

則CSS代碼以下：
.exple{border:1px solid #000; height:100px;width:200px; *width:150px !important; *width200px;}
這樣只有在html設置裝備擺設一個div的類(class="exple"),如許這部份在火狐、IE8、谷歌涉獵器下就會浮現寬度為200px高度為100px帶1px的黑邊框的方塊；IE7瀏覽器寬度下為150PX高度為100px帶1px的黑邊框的方塊；在IE6閱讀器下就會閃現出長度與寬度為100px的帶1px黑邊的正方形。

“怎么區別瀏覽器CSS hack”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！