专属 CSS Hack

愚人码头 撰写  

转载:浏览器专属 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; }
}

相关日志:

刚刚被浏览过的文章:


4 条评论

  1. 发表了 2010年01月28日 在 9:00 上午 | 永久链接

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

  2. 发表了 2010年01月28日 在 10:21 上午 | 永久链接

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

  3. 发表了 2010年02月3日 在 4:39 下午 | 永久链接

    码头,这个怎么没有chrome的

  4. xiaofei3
    发表了 2010年02月4日 在 9:44 上午 | 永久链接

    更新太慢了。

发表评论

Your email is never shared. 标记为 * 的为必填项目

*
*

评论时,昵称或个人网站填的是商业网站的,一概标记为垃圾评论不予显示,并设置相关网站为过滤关键字,提交到google、百度垃圾网站数据库