本博客用于记录生活和工作的点点滴滴。包括网站设计，前端开发，后台程序开发，SEO，网络营销，资源分享和业余生活。热衷关注业界的新话题和新技术。喜欢泡技术社区，最早读到John Resig，Douglas Crackford作品，并视他们为神人，乐于维护个人博客，分享自己的心得和经验，喜欢也开发过自己的JS库。至于我的联系方式嘛，在后面，有时间我会回复你的。^ O ^
兼容IE6、IE7、IE8、FF2、FF3、Chrome的CSS hacks
w3c标准(xhtml+css)>> 2009年05月26日
【字体大小 : 小 中 大】
版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明
http://monw3c.blogbus.com/logs/39957376.html
IE8正式已经发布，对于网页设计者来说，在不开启IE8的兼容模式下，网站能否正常显示成了一个需要注意的问题，虽然IE8号称更加符合标准，但还是会出现局部显示不正确的bug，本文提供一个可以同时区分IE6、IE7、IE8、Firefox2、Firefox3的CSS hacks，方便在IE8下局部显示不正确的时候进行调整，避免重写CSS，经过测试，这种IE8 的hacks可用。
可同时区分IE8、IE7、IE6、Firefox3、Firefox2、Chrome的CSS hacks：
.test{
color:/*\**/#00f\9; /* IE8 */
}
.test,.test:-moz-any-link{
color:#f60; /* Firefox2 */
}
.test,.test:default{
color:#000; /* Firefox3 */
*color:#f00; /* IE7 */
_color:#0f0; /* IE6 */
}
color:/*\**/#00f\9; /* IE8 */
}
.test,.test:-moz-any-link{
color:#f60; /* Firefox2 */
}
.test,.test:default{
color:#000; /* Firefox3 */
*color:#f00; /* IE7 */
_color:#0f0; /* IE6 */
}
body:nth-of-type(1) .test{
color:#06c; /*Google Chrome*/
}
可同时区分IE8、IE7、IE6、Firefox的CSS hacks：
color:#06c; /*Google Chrome*/
}
可同时区分IE8、IE7、IE6、Firefox的CSS hacks：
.test{
color:#000; /* Firefox */
color:/*\**/#00f\9; /* IE8 */
*color:#f00; /* IE7 */
_color:#0f0; /* IE6 */
}
color:#000; /* Firefox */
color:/*\**/#00f\9; /* IE8 */
*color:#f00; /* IE7 */
_color:#0f0; /* IE6 */
}
关于IE8的hacks：
.test{
color:/*\**/#00f\9; /* IE8 only */
color:#00f\9; /* 适用于所有IE版本 */
}
虽然这个hacks可用，但还是希望能够尽量少用或者不用hacks，从显示不正常的原因着手解决问题才能达到完美，毕竟hack的写法不符合也通不过w3c对样式表的交验。
color:/*\**/#00f\9; /* IE8 only */
color:#00f\9; /* 适用于所有IE版本 */
}
虽然这个hacks可用，但还是希望能够尽量少用或者不用hacks，从显示不正常的原因着手解决问题才能达到完美，毕竟hack的写法不符合也通不过w3c对样式表的交验。
随机文章：
同时区分IE6、IE7、IE8、FF2、FF3的CSS hacks 1970年01月01日
38个免费优雅的XHTML+CSS网站模板 2009年03月06日
容易让人迷惑的alt和title 2008年01月28日
Web 2.0网站命名的7个建议 2007年08月28日
当ie7认识!important之后 [布局的解决办法] 2007年07月15日
收藏到：Del.icio.us
广而告知:
评论