<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
在IE8 下和IE7下顯示內(nèi)容相同，這樣我們只需區(qū)分IE6、IE7、火狐（firefox）的css hack即可
2.注：IE都能識別*;標(biāo)準瀏覽器(如FF)不能識別*；
IE6能識別*，但不能識別 !important,
IE7能識別*，也能識別!important;
FF不能識別*，但能識別!important;以下是各瀏覽器CSS hack表格
另外再補充一個，下劃線"_",
IE6支持下劃線，IE7和firefox均不支持下劃線。
于是大家還可以這樣來區(qū)分IE6，IE7，firefox: background:orange;*background:green;
_background:blue;
注：不管是什么方法，書寫的順序都是firefox的寫在前面，IE7的寫在中間，IE6的寫在最后面。
以上是介紹區(qū)別各瀏覽器的CSS hack的寫法，下面我們簡單介紹這些CSS hack用法：
要求說明：假如我們設(shè)置一個類名為exple的類CSS屬性,CSS樣式邊框為1PX黑色邊框，高度為100PX
并要求，在IE6瀏覽器下寬度為100PX；IE7瀏覽器寬度下為150PX；火狐IE8谷歌瀏覽器下寬度為200PX；
(PX是長度單位像素)
則CSS代碼如下：
.exple{border:1px solid #000; height:100px;width:200px; *width:150px !important;
*width100px;}
這樣只要在html設(shè)置一個div的類(class="exple"),這樣這部分在火狐、IE8、谷歌瀏覽器下就會
顯示寬度為200px高度為100px帶1px的黑邊框的方塊；IE7瀏覽器寬度下為150PX高度為100px帶1px
的黑邊框的方塊；在IE6瀏覽器下就會顯示出長度和寬度為100px的帶1px黑邊的正方形。
分享聯(lián)系我們
掃二維碼與項目經(jīng)理溝通 我們在微信上24小時期待你的聲音
感謝您的關(guān)注分享“整理的瀏覽器CSS hack的寫法(兼容性CSS）”
煙寒網(wǎng)絡(luò)真誠為您服務(wù) ，點擊客服直接咨詢下單.
