CSS 兼容 总结
1> margin加倍的问题
设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。
解决方案是在这个div里面加上display:inline;
例如：
<div id=”IamFloat”></div>
相应的css为
#IamFloat
{
float:left;
margin:5px;
display:inline;
}
2> 给Flash设置透明属性可使层显示在Flash之上
<param name="wmode" value="transparent" />
<!-- 解决IE上的问题 //>
<embed wmode="transparent" …… >
<-- 解决FireFox上的问题 //>
3> 特殊标记
IE6能识别*，但不能识别!important,
IE7能识别*，也能识别!important;
FF不能识别*，但能识别!important;
IE6支持下划线，IE7和firefox均不支持下划线。
针对IE7 不错的hack方式就是使用“*+html”
* html #abc { color: #666; }
*+html #abc { color: #999; }
background:orange;（for IE8,FF）+background:green;(for IE7)_background:blue;(for IE6)
4> 自动折行
IE中设置长段落自动换行在CSS中设置word-wrap:break-word；
5> 伪对象
#box:after{
content: “.”;
display: block;
height: 0;
clear: both;
visibility: hidden;
}
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
