FDS’s Blog

2008年6月6日

什么是CSS hack?CSS hack是怎么写的?

Filed under: DIV+CSS — 标签: — FDS @ 17:38

什么是CSS hack
由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。
这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。
这个针对不同的浏览器写不同的CSS code的过程,就叫CSS hack,也叫写CSS hack。
CSS hack是怎么写的?
请注意以下说明:
!important,火狐和IE7都能识别
*+html,目前只有IE7可以识别,而且需要顶部有以下代码申明:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” ”http://www.w3.org/TR/html4/loose.dtd”>
*html,IE6和IE7可以识别
_,IE6支持下划线,IE7和firefox均不支持下划线。
在写CSS hack的过程中,顺序特别要注意,最被广泛识别的,放最前面,其次是浏览器版本低的放其次。
个人推荐使用以下模式,如:
<style>
#wrapper { width: 120px; } /* FireFox */
*html #wrapper { width: 80px;} /* ie6 fixed */
*+html #wrapper { width: 60px;} /* ie7 fixed, 注意顺序 */
</style>

Powered by WordPress