什么是瀏覽器HACK：當(dāng)我們使用不同的瀏覽器（Firefox IE7 IE6）訪問(wèn)同一個(gè)網(wǎng)站，或者頁(yè)面的時(shí)候，會(huì)出現(xiàn)一些不兼容的問(wèn)題，有的顯示出來(lái)正常，有的顯示出來(lái)不正常，我們?cè)诰帉?xiě)CSS的時(shí)候會(huì)很惱火，剛修復(fù)了這 個(gè)瀏覽器的問(wèn)題，結(jié)果另外一個(gè)瀏覽器卻出了新問(wèn)題。而HACK就是一種辦法，能讓你在一個(gè)CSS里面獨(dú)立的寫(xiě)支持不同瀏覽器的樣式。這下就和諧了。呵呵！

最 近微軟發(fā)布的IE7瀏覽器的兼容性確實(shí)給一些網(wǎng)頁(yè)制作人員添加了一個(gè)沉重的負(fù)擔(dān)，雖然IE7已經(jīng)走向標(biāo)準(zhǔn)化，但還是有許多和FF不同的地方，所以需要用到 IE7的HACK，有許多朋友問(wèn)過(guò)IE7的HACK是什么，其實(shí)我也不知道。暫時(shí)還沒(méi)找到IE7專用的HACK。除了前面那片文章，《針對(duì)firefox ie6 ie7的css樣式》中的hack方式也是很好用的。

有一點(diǎn)邏輯思想的人都會(huì)知道可以用IE和FF的HACK結(jié)合起來(lái)使用，下面介紹三個(gè)HACK，例如：（適合新手，呵呵，高手就在這里路過(guò)吧。）

程序代碼

第一個(gè)HACK，IE FF 所有瀏覽器 公用（其實(shí)也不算是HACK）
height:100px;
第二個(gè)HACK IE6專用
_height:100px;
第三個(gè)HACK IE6 IE7公用
*height:100px;

介紹完了這三個(gè)HACK了，下面我們?cè)賮?lái)看看如何在一個(gè)樣式里分別給一個(gè)屬性定義IE6 IE7 FF專用的HACK，看下面的代碼，順序不能錯(cuò)哦：

程序代碼

height:100px;
*height:120px;
_height:150px;

下面我簡(jiǎn)單解釋一下各瀏覽器怎樣理解這三個(gè)屬性：

在FF下，第2、3個(gè)屬性FF不認(rèn)識(shí)，所以它讀的是 height:100px;

在IE7下，第三個(gè)屬性IE7不認(rèn)識(shí)，所以它讀第1、2個(gè)屬性，又因?yàn)榈诙€(gè)屬性覆蓋了第一個(gè)屬性，所以IE7最終讀出的是第2個(gè)屬性 *height:120px;

在IE6下，三個(gè)屬性IE6都認(rèn)識(shí)，所以三個(gè)屬性都可以讀取，又因?yàn)榈谌齻€(gè)屬性覆蓋掉前2個(gè)屬性，所以IE6最終讀取的是第三個(gè)屬性。

總結(jié)

以上是生活随笔為你收集整理的CSS 多浏览器兼容又一方案的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。