/*針對谷歌瀏覽器核心支援的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是最流行的排版引擎之...