首页 > Web开发 > 详细

IE7 css兼容问题

时间:2016-07-03 01:44:20      阅读:339      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!