各浏览器专属CSS HACK:FIREFOX/OPERA/SAFARI/IE

最新推荐文章于 2024-11-14 09:54:48 发布

tammy_zhu

最新推荐文章于 2024-11-14 09:54:48 发布

阅读量609

点赞数

分类专栏： css 文章标签：浏览器 css firefox opera safari ie

css 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>CSS Browser Hacks</title>
<style type="text/css">
body p
{
display: none;
}
/* 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; }
}
</style>
</head>

<body>
我来自 Opera 7.2 - 9.5
我是神奇的 Safari
我来自 Firefox
我是你爷爷 Firefox 1 - 2 
我是囧 IE 7
我是脑瘸 IE 6
</body>
</html>
CSS Hack 虽好且方便兼容各浏览器，但是通不过 W3C 验证，所以还得自己权衡是否有必要去使用。