簡單相容瀏覽器(CSS hack)

2021-08-30 20:22:41 字數 618 閱讀 3490

把目前瀏覽器歸納一下,firefox 、opera、safari、chrome、ie8歸一類,ie7 和 ie6 分別歸一類。雖然ie8還有許多地方不標準,好在絕大多數常用的算是統一了,所以放到第一類。很明顯,按著第一類的標準寫web,就基本在各類瀏覽器裡通行了,但用的人最多的是ie7和6,考慮到第一類會成為未來,所以相容的「原則」應該是:正常寫法讓給第一類,特殊寫法針對ie7和6進行。

去網上搜尋了一些資料,總結方法如下:

【方法一】 利用萬用字元:* +

【方法二】 利用優先順序:!important

【方法三】 利用ie特性:. _

web前端寒風總結推薦:

方法1:無疑寫起來是最麻煩的一種,要在選擇標籤外來區分,可以選擇性使用。

方法2:!important是三個方法裡唯一標準css寫法,但很明顯,不符合我開頭歸納的「原則」,即把正常寫法讓給了ie6,而把特殊寫法用在了支援最多的 ie8、ff……等上,無疑寫起來麻煩,所以不推薦方法2,!important應該用在某些多選的樣式定義場合,而不應該用於進行相容瀏覽器。

解決瀏覽器相容 CSS HACK

我們在做頁面時不可避免的會碰到瀏覽器相容問題,特別是 ie6,那麼要如何相容所有瀏覽器呢,答案是 css hack。還有一些 css hack 我沒用羅列出來,譬如 chrome,opera 等等。對於這些通常情況下我們是用不到的。測試的瀏覽器 ie6 9,firefox,chrome ps 最好的...

hack 瀏覽器相容css hack)

1.hack的原理 由於不同的瀏覽器對css的支援及解析結果不一樣,還由於css中的優先順序的關係。我們就可以根據這個來針對不同的瀏覽器來寫不同的css。css hack大致有3種表現形式,css類內部hack 選擇器hack以及html頭部引用 if ie hack,css hack主要針對類內部...

css 解決瀏覽器相容 css hack

我們在做頁面時不可避免的會碰到瀏覽器相容問題,特別是 ie6,那麼要如何相容所有瀏覽器呢,答案是 css hack。還有一些 css hack 我沒用羅列出來,譬如 chrome,opera 等等。對於這些通常情況下我們是用不到的。測試的瀏覽器 ie6 9,firefox,chrome ps 最好的...