CSS中的hack是指为了在不同浏览器中达到同样的表现效果而采用的不同的CSS代码。Hack的出现主要是因为不同浏览器的解析方式不同,导致同样的CSS在不同浏览器表现效果不一致。以前的浏览器还没有现在...
CSS中的hack是指为了在不同浏览器中达到同样的表现效果而采用的不同的CSS代码。
Hack的出现主要是因为不同浏览器的解析方式不同,导致同样的CSS在不同浏览器表现效果不一致。以前的浏览器还没有现在的规范化,对CSS的支持程度有限,CSS2的兼容性也不好。所以许多前端开发者需要利用各种hack手段来实现在不同浏览器中兼容的效果。
下面是几个常见的CSS hack方法:
/* 只对IE6生效的CSS */
*html {
font-size:100%;
}
/* 只对IE7生效的CSS */
*:first-child+html {
font-size:100%;
}
/* 只对IE6及以下版本生效的CSS */
*+html #div1 {
color:red;
}
尽管CSS hack是解决浏览器兼容性的好方法,在实际开发中也不可避免会使用。但建议还是尽可能使用符合W3C标准的代码,并且考虑到浏览器的特性,优雅降级是更好的解决方案。