一些通用的hack方法
IE条件注释
//你想要执行的代码//你想要执行的代码//你想要执行的代码//你想要执行的代码//你想要执行的代码//你想要执行的代码//你想要执行的代码//你想要执行的代码//你想要执行的代码//你想要执行的代码//你想要执行的代码//你想要执行的代码//你想要执行的代码//你想要执行的代码//你想要执行的代码//你想要执行的代码//你想要执行的代码//你想要执行的代码//你想要执行的代码//你想要执行的代码//你想要执行的代码//你想要执行的代码//你想要执行的代码//你想要执行的代码
2.!important
!important 在css中是声明拥有最高优先级,也就是说,不管css的其他优先级,只要!important出现,他的优先级就最高!遨游1.6及更低版本、IE6及更低版本浏览器不能识别它。尽管这个!important 很实用,但是非到必要的时刻,不要使用它
3.a标签css顺序
link > visited > hover > active
4.透明度
a. opacity: 0.8 //通用
b. filter : alpha(opacity = 80); //ie
c.//兼容ie6
filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=80);
ie6只支持8位png图片
5.双倍margin
浮动元素设置了margin在IE6下会产生双倍margin。只要给浮动元素设置 display: inline;就可以了。或者说使用IE6的hack:_margin;
6.min-height
.divBox{
min-height:200px;
height:auto!important;
height:200px;
overflow:visible;
}
7.盒模型差异
IE盒模型:margin 、 content(包含border、padding)
W3C盒模型: margin 、border、 padding、 content
box-sizing:
1.content-box: content+padding+border+margin (content = width ) (标准模式)
2.border-box: content+margin (content = width +padding +border ) (IE怪异模式)
文章出处: https://zhuanlan.zhihu.com/p/25123086?refer=dreawer