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兼容问题的主要内容,如果未能解决你的问题,请参考以下文章