当前位置:首 页>> 百 宝 箱

针对 Chrome、Safari、Firefox、Opera 的 CSS HACK 微信扫一扫
分享给朋友

  浏览器品种层出不穷啊,都要伺候好。当然,很多国产浏览器,诸如腾讯浏览器,搜狗,世界之窗,360 浏览器等等,这些也没空去研究了,不知道分别使用的什么内核,暂且不管了。IE6-9 倒是之前说过怎么单独去 HACK,这里就不提了,下面是针对 Chrome/Safari、Firefox、Opera 的 CSS HACK,互不影响,只对各自浏览器起作用,测试了一下,没啥问题,可用。记录下来,将来还会用到。注意,下面的代码一定要放到样式表文件的最后,原因吗,你懂的。
/* style fix for chrome & safari  */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.yourclass { }
	#yourid { }
}
/* style fix for firefox  */
@-moz-document url-prefix() {
	.yourclass { }
	#yourid { }
}
/* style fix for opera  */
@media not screen and (1) {} /* 这一行不要删除,否则下面的不起作用。  */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
	.yourclass { }
	#yourid { }
}
/* 测试浏览器版本:chrome 20.0.1132.57 、firefox 12.0、opera 11.62 可用,其他版本未测试  */

人到穷途应一笑,几凡失意仍能傲。成败何须问江湖,我心依旧任逍遥。
这一生只想好好做个平凡的人,有个家有个梦,陪我迎接每一个早晨。
这一生只想好好做个平凡的人,何必争何必问,只有快乐开心才是真。