ie6ie7
ie8firefox
opera
safari
(chrome)
ie6
ie7
ie8
firefox
opera
safari
(chrome)
您現在使用的瀏覽器是safari(chrome)。safari和chrome使用的都是webkit核心。
相容範圍：
ie:6.0+，firefox:2.0+，opera 10.0+，sarari 3.0+，chrome
webkit核心css hack（chrome、safari、opera）。
注：很奇怪，在windows10中的edge（版本是13）下，竟然也起作用，莫非微軟要向webkit看齊？
@media
screen
and(-
webkit
-min
-device
-pixel
-ratio:0
)}
firefox css hack
@-moz
-document url
-prefix
()
ie8/9
/10/11
css hack
@media
screen\0
}
ie6/7
/8css hack
@media
\0screen\,screen\9
}
注：ie9/10能識別css屬性值後面的\9\0,所以想要在ie9/10下表現出來的樣式，可以在後面加\9\0即可
此hack有乙個問題，即設定的所有屬性在ie7下都不起作用，可以使用 ie6/7 的hack來修復一下
display: none\9\0;
ie6/7 css hack
注：ie6/7能識別css屬性前面的 ,所以想要在ie6/7下表現出來的樣式，可以在前面麵加 即可
*display:none;
ie8 css hack
@media
\0screen\,screen\9
}
注：ie7的單獨的css hack 必須結合著ie6的hack使用
*
color
:red
;_color
:green
;
_color
:green
;
我寫了乙個例子，大家可以拷貝到自己本地，使用各種瀏覽器測試一下：
lang
="zh-cn"
>
charset
="utf-8"
>
測試css hack
type
="text/css"
>
/* webkit css hack */
.webkit-hack
@media screen and (-webkit-min-device-pixel-ratio:0)
} /* firefox css hack */
.firefox-hack
@-moz-document url-prefix()
} /* ie8/9/10/11 css hack */
.ie-hack
@media screen\0
} /* ie6/7/8 css hack */
.ie678-hack
@media \0screen\,screen\9
}/*
他有乙個問題：
無法在ie7及以下起作用即在ie7及以下2個color都不起作用，文字顯示為黑色
所以可以用ie6/7的hack修復一下
*/
.ie910-hack
/*ie67 css hack */
.ie67-hack
/*ie8 hack */
.ie8-hack
@media \0screen\,screen\9 }/*
聽說在傲遊瀏覽器下也起作用？
那位同學試一下，並且把起作用的傲遊瀏覽器版本區間告訴我
*/
.ie7-hack
/*ie6 css hack */
.ie6-hack
style
>
<
/head>
我在webkit核心瀏覽器下顯示為紅色，在其他非webkit核心瀏覽器下顯示為綠色
p>
<
p class
="firefox-hack"
>我在
firefox
瀏覽器下顯示為紅色，在其他瀏覽器下顯示為綠色
p>
<
p class
="ie-hack"
>我在
ie8/9/
10/11瀏覽器下顯示為紅色，在其他瀏覽器下顯示為綠色
p>
<
p class
="ie678-hack"
>我在
ie6/7/
8瀏覽器下顯示為紅色，在其他瀏覽器下顯示為綠色
p>
<
p class
="ie910-hack"
>我在
ie9/
10瀏覽器下顯示為紅色，在其他瀏覽器下顯示為綠色
p>
<
p class
="ie67-hack"
>我在
ie6/
7瀏覽器下顯示為紅色，在其他瀏覽器下顯示為綠色
p>
<
p class
="ie8-hack"
>我在
ie8瀏覽器下顯示為紅色，在其他瀏覽器下顯示為綠色
p>
<
p class
="ie7-hack"
>我在
ie7瀏覽器下顯示為紅色，在其他瀏覽器下顯示為綠色
p>
<
p class
="ie6-hack"
>我在
ie6瀏覽器下顯示為紅色，在其他瀏覽器下顯示為綠色
p>
<
/body>
html
>
瀏覽器相容問題
我經常看到一些人提問說網頁錯位，和在火狐裡面看上去網頁是好的，在ie在錯位了.在web 下html css裡全看一些關於這些問題.還有有ul li什麼調整不好的.等等 全可以用css hack 解決的.解決方法 用positon relative 然後 top 0px left 0px 上面的top...
瀏覽器相容問題
給近兩天的工作乙個總結，給這週劃上句號。工作中遇到了在google顯示的很好的介面，在ie顯示的不是很好，但還能看，僅僅是顏色和和位置錯位，在360瀏覽器下看就是真的錯誤太大了，不顯示，樣式也亂了，於是走上解決瀏覽器相容之路。思路1 對應每個瀏覽器寫個css，判斷之，工作量太大，放棄。思路2 針對每...
瀏覽器相容問題
所謂的瀏覽器相容性問題，是指因為不同的瀏覽器對同 段 有不同的解析，造成 顯 效果不統 的情況。在 多 數情況下，我們的需求是，論 戶 什麼瀏覽器來檢視我們的 站或者登陸我們的系統，都應該是統 的顯 效果。所 以瀏覽器的相容性問題是前端開發 員經常會碰到和必須要解決的問題。在學習瀏覽器相容性之前，我...