各種瀏覽器CSS hack方法

2021-04-14 20:44:04 字數 1109 閱讀 8418

現在瀏覽器多了,做web頁面還是比較痛苦的,當然,如果你不在乎自己做的頁面在有些瀏覽器上面慘不忍睹那也是種不錯的心態(至少少了點頭痛的機會),可是你老闆或者上司或者你的使用者同意嗎?-__!

下面我就介紹我知道的hack方法吧。我現在比較常用的,並且感覺用的不動腦子的方法是:

#yourid

/.yourclass

*html

#yourid

/.yourclass*+

html

#yourid

/.yourclass

@media

alland

(min-width

:0px)}

用法:直接寫css,用firefox作為第一瀏覽器看效果,然後ie6下不一樣,就用* html重寫那個id容器或者類;如果ie 7不一樣,就用*+html重寫,如果opera下面不一樣,就用@media那個,當然這寫重寫的需要放在原來的後面。呵呵,就這麼簡單。這個方法用了之後可能會上癮,可是會有諸如增加css檔案容量等不爽,甚至有時候還會出現直接用這個寫幾段不同的。所以還是建議能熟悉了解個瀏覽器具體是在什麼屬性上支援不一樣(例如border寬度ie6認為是不能算在width裡面的,但是firefox是認為算width一起的),先盡力寫幾個瀏覽器通用的css,不到必不得已不用這個hack方法。

原理:firefox認為是css語法錯誤,所以忽略。但是不同ie版本識別不同,不忽略,所以能實現hack,並且*+html還能通過w3c驗證,呵呵,爽吧。opera那個就不多說了,也是類似原理,但是看起來比較崩潰,要說明的是,firefox下沒問題的話,opera基本也沒什麼問題的,所以不太會用到這個hack。

還需要其他瀏覽器hack方法?抱歉,我就知道這麼多,因為我電腦上只有這麼幾個瀏覽器,呵呵,公司要求或者我自己想要把握的使用者群夠了。

另外就是!important這個方法了(firefox遇到這個優先順序就最高,但是ie6不認,所以下面重新定義可以覆蓋),不過這個貌似是以前甚至現在都很多人在用的,但是我個人感覺不是很爽,不能像上面的那樣明確的搞定某個瀏覽器。比如現在ie7對規範css支援已經比ie6好了不知道多少,但是還是會有和firefox有的差異,所以用important的方式,控制起來並不像上面的那麼一目了然。

各種瀏覽器css hack方法

各種瀏覽器css hack

你在寫css時樣式表加上瀏覽器識別符號就行了,各瀏覽器區別如下 ie都能識別 標準瀏覽器 如ff 不能識別 ie6能識別 但不能識別 important ie7能識別 也能識別 important ie8能識別 0,不能識別 加 important ff不能識別 但能識別 important 例如s...

各瀏覽器CSS hack

區別 ie6與 ff background orange background blue 區別 ie6與 ie7 background green important background blue 區別 ie7與 ff background orange background green 區別 f...

css hack, 瀏覽器 選擇

ie6以下 html ie 7 以下 first child html html 只對ie 7 first child html 只對ie 7 和現代瀏覽器 html body 只對現代瀏覽器 非ie 7 html body 最新的opera 9以下版本 html first child safar...