CSS hack相容

由於又碰到css討人厭的問題, 所以又去收集一下最近的css hack
有問題再提出來試試或討論吧…..

各浏览器CSS hack兼容表:

IE6
IE7
IE8
Firefox
Chrome
Safari
!important

Y

Y
 Y(6)

_
Y





*
Y
Y




*+

Y




\9
Y
Y
Y



\0


Y



nth-of-type(1)



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




Y
?
代码示例:
#test{
color:red; /*
所有浏览器都支持 */
color:red !important;/* Firefox
IE7支持、Chrome6(5沒試過) */
_color:red; /* IE6
支持 */
*color:red; /* IE6
IE7支持 */
*+color:red; /* IE7
支持 */
color:red\9; /* IE6
IE7IE8支持 */
color:red\0; /* IE8
支持 */
}
body:nth-of-type(1) p{color:red;} /* Firefox3.6以上、ChromeSafari支持 */
@media screen and (-webkit-min-device-pixel-ratio:0) { /* Chrome6(5沒試過) */
p{color:red;}
}

張貼留言

這個網誌中的熱門文章

互補色與對比色解惑

[讀書心得] 設計思維 Design Thinking

龍岡手繪地圖製作有感