ie6,ie7,ie8,firefox,chrome,safari的css hack兼容表

《ie6,ie7,ie8,firefox,chrome,safari的css hack兼容表》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、小知识：什么是CSShack？由于不同的浏览器，比如IE6、IE7、IE8、Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。这个针对不同的浏览器写不同的CSScode的过程，就叫CSShack，也叫写CSShack。各浏览器CSShack兼容表：IE6IE7IE8FirefoxChromeSafari!importantYY_Y*YY*+Y9YYY

2、0Ynth-of-type(1)YY代码示例：#test{color:red;/*所有浏览器都支持*/color:red!important;/*Firefox、IE7支持*/_color:red;/*IE6支持*/*color:red;/*IE6、IE7支持*/*+color:red;/*IE7支持*/color:red9;/*IE6、IE7、IE8支持*/color:red;/*IE8支持*/}body:nth-of-type(1)p{color:red;}/*Chrome、Safari支持*/整体测试代码示例：.test

3、{color:#000000;color:#0000FF;[color:#00FF00;*color:#FFFF00;_color:#FF0000;}其他说明：1、如果你的页面对IE7兼容没有问题，又不想大量修改现有代码，同时又能在IE8中正常使用，微软声称，开发商仅需要在目前兼容IE7的网站上添加一行代码即可解决问题，此代码如下：2、body:nth-of-type(1)如果这样写，表示全局查找body，将会对应第一个

4、。3、还有其他写法，比如：*html#test{}或者*+html#test{}4、*+html对IE7的hack必须保证HTML顶部有如下声明：http://www.w3.org/TR/html4/loose.dtd5、顺序：Firefox、IE8、IE7、IE6依次排列。一、CSSHACK以下两种方法几乎能解决现今所有HACK.1,!important随着IE7对!important的支持,!important方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)2,IE6/IE77对FireFox*+html与*html是IE特有的标签,firefox暂不支持.而*+html又为IE7特有标签.注意:*+html对I

6、E7的HACK必须保证HTML顶部有如下声明：二、万能float闭合关于clearfloat的原理可参见[HowToClearFloatsWithoutStructuralMarkup]将以下代码加入GlobalCSS中,给需要闭合的div加上class="clearfix"即可,屡试不爽.三、其他兼容技巧1,FF下给div设置padding后会导致width和height增加,但IE不会.(可用!important解决)2,居中问题.1).

8、垂直居中.将line-height设置为当前div相同的高度,再通过vertical-align:middle.(注意内容不要换行.)2).水平居中.margin:0auto;(当然不是万能)3,若需给a标签内内容加上样式,需要设置d