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