码迷,mamicode.com
首页 > Web开发 > 详细

IE7 css兼容问题

时间:2016-07-03 01:45:54      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:

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兼容问题

标签:

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!