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 插件 否则失效

原文地址:https://www.cnblogs.com/lpt1229/p/5636406.html