IE7 css兼容问题

Posted 言文

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了IE7 css兼容问题相关的知识,希望对你有一定的参考价值。

1,float:right; 在IE错位问题 : 使用position:absolute;right:0px;

2,汉字在float状态下 折行 ,可能是因为父级宽度不够, 改用 display:inline-block;

3,IE7下的hack 符号 #line-height:18px; *margin-top

4,margin负值在IE7下不起作用: 为父级添加overflow:hidden;

5, IE7 对display:inline-block 支持不友善

 两种解决方案: 

方法一:
div {display:inline-block;*display:inline; *zoom:1;...} 

方法二:
div{display:inline-block;...}
div {*display:inline;}

 

6: ie7 background背景图 position absolute定位值偏移:为父元素加高度 然后hack


7,IE7 z-index失效问题:

     这是因为绝对定位元素的“有定位属性(relative或absolute)的父元素”在渲染层次时起到了主要作用,前面的被后面的覆盖了。
解决办法:

为父级元素加上position:relative;并设置z-index.,父级元素的z-index优先,其中包含的元素的z-index是相对于父级元素的index.

8,IE8 以下 透明度 问题
需要设置filter:alpha(opacity=50) 注意:需要开启ActiveX 插件 否则失效

以上是关于IE7 css兼容问题的主要内容,如果未能解决你的问题,请参考以下文章

css浏览器兼容问题

CSS浏览器兼容性问题解决方法总结

CSS浏览器兼容性问题解决方法总结

兼容问题

总结我碰到的ie7,8的兼容性问题

CSS兼容IE6,IE7,FF的技巧