針對不同瀏覽器核心css寫法

2021-06-19 01:12:13 字數 1647 閱讀 9461

/*針對谷歌瀏覽器核心支援的css樣式*/

@media screen and (-webkit-min-device-pixel-ratio:0)  

/*針對ie6特製識別的css樣式*/

*html .searchbox

/*針對ie7特製識別的css樣式*/

*+html .searchbox

針對firefox瀏覽器的核心css寫法:

@-moz-document url-prefix() }

ie8就是自己來除錯了。除錯乙個瀏覽器,有不合適的地方可以在該核心css中重寫對應的方法,只需把不合適的樣式重寫即可實現。*html中則例外,需要每重寫乙個都要加*html單獨處理。

針對樣式名 

如果只讓ie6看見用*html .head

如果只讓ie7看見用*+html .head  (*margin-top:-425px;//ie7專用)

(margin-top:-425px\0;//ie8專用)

如果只讓ff看見用:root body .head

如果只讓ff、ie8看見用html>/**/body .head

如果只是不讓ie6看見用html>body .head 即對ie 6無效

如果只是不讓ff、ie8看見用*body .head    即對ff、ie8無效

針對具體屬性

如果只讓ie6看見用"_": .head

如果只讓ie7看見用"+"與"_"結合的方法:     .head 

ie8正式版hack

\9″ 例:」margin:0px auto\9;」.這裡的」\9″可以區別所有ie8和firefox.

「*」 ie6、ie7可以識別.ie8、firefox不能.

「_」 ie6可以識別」_」,ie7、ie8、firefox不能.

如:.a

從左到右分別對應 ff,ie8 ie7 ie6

*************************====

p             支援 ie7 ie6      不支援 ff  ie8b

p             支援ie6          不支援 ff

p p              支援 ie6 ie7 ie8b ff

p 支援ie7 ie8b ff 不支援ie6

head:first-child+body p   支援ie7 ie8b ff      不支援ie6

/*\*//*/

/**/                 支援ie8b         不支援ie6 ie7 ff

html*        支援ie6 ie7      不支援 ie8b ff

body>p          支援ie7 ie8b ff      不支援 ie6

html[xmlns] p       支援 ie7 ie8b ff  不支援 ie6

@import "style.css"

@import "style.css"

@import url(style.css)

@import url('style.css')

@import url("style.css")    支援 ie6 ie7 ie8b ff

p         支援 ie6 ie7  ff 不支援 ie8b

針對各種瀏覽器css不相容的寫法

針對谷歌瀏覽器核心支援的css樣式 media screen and webkit min device pixel ratio 0 針對ie6特製識別的css樣式 html searchbox 針對firefox瀏覽器的核心css寫法 moz document url prefix ie8就是自己...

css在不同瀏覽器中的寫法

比如要分辨ie6和firefox兩種瀏覽器,可以這樣寫 我在ie6中看到是紅色的,在firefox中看到是綠色的。解釋一下 上面的css在firefox中,它是認識不了後面的那個帶星號的東東是什麼的,於是將它過濾掉,不予理睬,解析得到的結果是 div,於是理所當然這個div的背景是綠色的。在ie6中...

CSS 瀏覽器核心

所謂核心,就是常駐記憶體 能夠快速響應的那一部分核心 非核心 都是要用到時再調入記憶體並執行的。常見瀏覽器的核心,一般不外乎微軟的ie 核心和webkit核心。二 gecko核心代表作品mozilla firefoxgecko是一套開放源 的 以c 編寫的網頁排版引擎。gecko是最流行的排版引擎之...