2010-09-07 92 views
0

http://chocolatvitale.com影响IE8中DIV的负边距?

在IE 8中,顶部的幻灯片会溢出到恰好低于它应该包含在里面的div。它与负边界有关吗?

div容器:

#header{ 
    background:#190000; 
    width:1024px; 
    height:216px; 

}

幻灯片的div:

.slideshow { 
    float:left; 
    height: 216px; 
    width: 1023px; 
    margin-top:-192px; 
    overflow:hidden; 
    z-index:1; 
} 

.slideshow img { 
    padding: 0 0 0 0; 
    height:216px; 
    width:1023px; 
    border: none; 
} 

回答

0

是的,它的作用。您的负利润率正在将您的.slideshow容器的容量增加到192px,这使得它基本上看不见了。只有24px的每个图像的正显示出:

216px height - 192px margin = 24px visible 

如果从CSS中删除负上边距,它会正确显示:

.slideshow { 
    float:left; 
    height: 216px; 
    width: 1023px; 

    overflow:hidden; 
    z-index:1; 
}