CSS Hack小结
CSS Hack小结
时间:2011年5月14日。
浏览器:IE6、IE7、IE8、Firefox V3.6.15、Opera V11.10、Google Chrome V11.0.696.68、Safari V5.0.5。
IE更低的版本没有测试，因为太久远了，我想现在没必要再用了.
主要命令:
"*" IE6、IE7可以识别。
"_" IE6可以识别，其他的浏览器不能。
"\9" 例:"padding:6px\9;"，我个人专将其用于IE8，网上说可以区别所有IE和Firefox。
关于Google Chrome浏览器,网上是这样讲的:
Google Chrome用的是与Safari一样的Webkit引擎，我们可以使用对safari相似的方式作css hack，写法为：
Example Source Code:
@media screen and (-webkit-min-device-pixel-ratio:0) {
/ * 针对Google Chrome、Safari 3.0、Opera 9 的CSS样式 * /
}
具体写法:
@media screen and (-webkit-min-device-pixel-ratio:0) {
#div1{padding-left:5px;}
}
用这种方法可以调试Google Chrome和Safari,但效果上本人测试还有细微差别,另外注意的是这条命令得写在最后面,否则会被其他命令覆盖的。
Opera:
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { #div1{color:#959595;} }
2011年11月12日
补充:IE6下float错位问题的解决办法是对float的元素(多为div)指定高度。
2011年11月12日(转)
采用”FLOAT：LEFT“的DIV在IE8、IE7、都没问题，IE6下却向下移动，出现空白。这是因为，IE6采用的内核默认把DIV之间的距离增加了3~5个PX，所以，试试是将下移的DIV的STYLE里增加"margin-left:-5px;"或者更小。
2012年3月15日
浏览器专属 CSS Hack:区分 Firefox / Opera / Safari / Internet Explorer
http://leeiio.me/css-hack-for-firefox-opera-safari-ie/