IE下css常见的问题

 

1、双边距问题

 

#mydiv{

float: left

margin-left: 100px

}

在ie6下这个div的左边距和普通的浏览器不同,他会是200px

 

修复这个问题:

 

加一个属性  display:inline;

 

 

2、IE下面的hasLayout问题

 

div#box{

 

background: red;

filter:aplpha(opacity=50);

opacity:0.5;

}

 

<!DOCTYPE HTML>

 

...

<div id="box">

 

test

</div

 

IE6\7下面div是没有hasLayout,没有它,那么滤镜就不会起作用

 

 

默认没有hasLayout属性的DOM节点 

div,span

 

我们可以用css属性来激活元素的hasLayout

 

•position

•float

•width(!auto)

•height(!auto)

•zoom

•overflow

 

 

 

div#box{

 

background: red;

filter:aplpha(opacity=50);

opacity:0.5;

height: 20px; /**让hasLayout起作用*/

}

 

 

 

3、IE6\7不支持display:inline-block的显示方式

 

修复这个问题可以通过单独对IE6\7设置一些属性

 

div#box{

display:

inline-block;

*display:inline;

*zoom:1;

}

 

 

4、注意元素的Margin重叠问题

 

•水平margin不重叠

•浮动元素上下margin不重叠(float)

•飘动元素上下margin不重叠(position)

•常规折行上下margin重叠

 

 

 

你可能感兴趣的:(css)