兼容IE6、7、8 CSS hacker使用小结( 二 )


重复定义的话按照最后一个来执行,所以不可以只写margin:XXpx!important;
6.设置为float的div在ie下设置的margin会加倍 。这是一个ie6都存在的bug 。解决方案是在这个div里面加上display:inline 。
7.min-width是个非常方便的CSS命令,它可以指定元素最小也不能小于某个宽度,这样就能保证排版一直正确 。但IE不认得这个,而它实际上把 width当做最小宽度来使 。为了让这一命令在IE上也能用,可以把一个
放到 标签下,然后为 div指定一个类:
然后CSS这样设计:
selector{
min-width:600px;
_width:expressio n(document.body.clientWidth600?600px:auto);
}
或selector {
min-height:500px;
height:auto !important;
height:500px;
}
8.ie下元素消失,给该元素添加:position:relative;
9.IE7浏览器下,文字越多,按钮两侧padding留白就越大,解决办法是添加overflow:visible属性 。

推荐阅读