专属 CSS Hack

时间：2010年01月27日作者：愚人码头查看次数:5,384 views评论次数：4

转载：浏览器专属 CSS Hack:区分 Firefox / Opera / Safari / Internet Explorer

/* Opera */
html:first-child #opera
{
display: block;
}
/* IE 7 */
html > body #ie7
{
*display: block;
}
/* IE 6 */
body #ie6
{
_display: block;
}
/* Firefox 1 - 2 */
body:empty #firefox12
{
display: block;
}
/* Firefox */
@-moz-document url-prefix()
{
#firefox { display: block; }
}
/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
#safari { display: block; }
}
/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
head~body #opera { display: block; }
}

声明: 本文采用 BY-NC-SA 协议进行授权 | WEB前端开发
转载请注明转自《专属 CSS Hack》

如果你读了我的文章，觉得有帮助：