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;
}