http://chocolatvitale.com

在IE 8中,顶部的幻灯片会溢出到div的正下方,而该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;
}

最佳答案

是的,它确实。您的负边距将您的.slideshow容器移动了192px,这基本上使它不可见。每个图像仅显示24px:

216px height - 192px margin = 24px visible


如果从CSS移除负的上边距,它将正确显示:

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

    overflow:hidden;
    z-index:1;
}

09-11 18:20