這篇文章主要介紹“CSS hack怎么區(qū)別不同瀏覽器”，在日常操作中，相信很多人在CSS hack怎么區(qū)別不同瀏覽器問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”CSS hack怎么區(qū)別不同瀏覽器”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

專注于為中小企業(yè)提供成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)孝感免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了上千余家企業(yè)的穩(wěn)健成長(zhǎng)，幫助中小企業(yè)通過(guò)網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

我們?cè)陂_(kāi)發(fā)DIV+CSS頁(yè)面時(shí)候常常會(huì)遇到開(kāi)發(fā)出的網(wǎng)頁(yè)的一些地方在各大瀏覽器比如微軟IE6、微軟IE7、微軟IE8、火狐瀏覽器、谷歌瀏覽器有一些不同，如寬度、高度等地方有相差誤。

IE6比較老的版本瀏覽器，用戶比較多，
IE7較新瀏覽器，更接近標(biāo)準(zhǔn)瀏覽器，
IE8算是微軟標(biāo)準(zhǔn)瀏覽器，但差別于瀏覽器，
火狐（Mozilla, Firefox）和谷歌瀏覽器（chrome）是比較標(biāo)準(zhǔn)的IE瀏覽器，一般我們以這個(gè)瀏覽器為開(kāi)發(fā)參考平臺(tái)，同時(shí)IE8與這兩個(gè)瀏覽器解釋CSS比較接近，一般只要通過(guò)火狐、谷歌瀏覽器測(cè)試兼容，一般就能確定IE8.

因此一般我們區(qū)別這些瀏覽器CSS hack的方法就變得簡(jiǎn)單，我們只需考慮IE6\IE7\火狐（Firefox）這3個(gè)瀏覽器即可兼容全部瀏覽器。
具體區(qū)別如下：
區(qū)別IE6與FF：
background:orange;*background:blue;
區(qū)別IE6與IE7：
background:green !important;background:blue;
區(qū)別IE7與FF：
background:orange; *background:green;
區(qū)別FF，IE7，IE6：
background:orange;*background:green !important;*background:blue;

注：IE都能識(shí)別*;標(biāo)準(zhǔn)瀏覽器(如FF)不能識(shí)別*；
IE6能識(shí)別*，但不能識(shí)別 !important,
IE7能識(shí)別*，也能識(shí)別!important;
FF不能識(shí)別*，但能識(shí)別!important;以下是各瀏覽器CSS hack表格

	IE6	IE7	FF
*	√	√	×
!important	×	√	√

undefined

另外再補(bǔ)充一個(gè)，下劃線"_",
IE6支持下劃線，IE7和firefox均不支持下劃線。

于是大家還可以這樣來(lái)區(qū)分IE6，IE7，firefox: background:orange;*background:green;_background:blue;

注：不管是什么方法，書(shū)寫(xiě)的順序都是firefox的寫(xiě)在前面，IE7的寫(xiě)在中間，IE6的寫(xiě)在最后面。

以上是介紹區(qū)別各瀏覽器的CSS hack的寫(xiě)法，下面我們簡(jiǎn)單介紹這些CSS hack用法：

要求說(shuō)明：假如我們?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; *width200px;}
這樣只要在html設(shè)置一個(gè)div的類(class="exple"),這樣這部分在火狐、IE8、谷歌瀏覽器下就會(huì)顯示寬度為200px高度為100px帶1px的黑邊框的方塊；IE7瀏覽器寬度下為150PX高度為100px帶1px的黑邊框的方塊；在IE6瀏覽器下就會(huì)顯示出長(zhǎng)度和寬度為100px的帶1px黑邊的正方形。

到此，關(guān)于“CSS hack怎么區(qū)別不同瀏覽器”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！

網(wǎng)站標(biāo)題：CSShack怎么區(qū)別不同瀏覽器
網(wǎng)站鏈接：http://jinyejixie.com/article2/ppjcoc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供、電子商務(wù)、動(dòng)態(tài)網(wǎng)站、響應(yīng)式網(wǎng)站、微信公眾號(hào)、企業(yè)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)