专属 CSS Hack

(0)
转载:浏览器专属 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; }
}
赞(0)
未经允许不得转载:WEB前端开发 » 专属 CSS Hack

评论 4

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #-49

    这个要收藏收藏,
    哎,什么时候不需要hack就好了

    船长9年前 (2010-01-28)回复
  2. #-48

    @船长 那得等世上只有一个浏览器的时候。

    Leeiio9年前 (2010-01-28)回复
  3. #-47

    码头,这个怎么没有chrome的

    mier9年前 (2010-02-03)回复
  4. #-46

    更新太慢了。

    xiaofei39年前 (2010-02-04)回复