溢出：隐藏在IE浏览器不隐藏图像边界

下面我试图在图像滑入我使用在页面加载一些基本 JavaScript的主容器。溢出：隐藏在IE浏览器不隐藏图像边界

我已经设置溢出：隐藏在我的容器div上，以便图像不能被看到，直到它实际上击中容器。

问题是，在IE中似乎没有在溢出中包含边框：hidden，因此图像看起来很可怕，因为它在边界上滑动。无论如何围绕这个？我在其他浏览器中没有问题。

我的原代码：

#container{ 
border: 5px solid #3A3535; 
width: 960px; 
margin: 0 auto; 
-moz-border-radius: 12px; 
-webkit-border-radius: 12px; 
border-radius: 12px; 
padding: 10px 20px 0; 
background: #fff; 
overflow: hidden; 
position: relative; 
}

更新：我还是设法得到它的工作。我将容器包装在一个div中，从容器中删除了边框，并将边框添加到包装中。修复它，虽然我不知道为什么。

#wrapper{ 
    width: 1000px; 
    position: relative; 
    margin: 40px auto; 
    border: 5px solid #3A3535; 
    -moz-border-radius: 16px; 
    -webkit-border-radius: 16px; 

    border-radius: 16px; 
} 
#container{ 
width: 960px; 
margin: 0 auto; 
-moz-border-radius: 12px; 
-webkit-border-radius: 12px; 
border-radius: 12px; 
padding: 10px 20px 0; 
background: #fff; 
overflow: hidden; 
position: relative; 
}

来源

2011-01-20 Dave Stibrany

IE需要将高度或宽度设置为溢出：隐藏才能正常工作，您是否设置了这些？ – 2011-01-20 15:15:47

如果容器没有任何背景，那么可以尝试将容器的z索引放大得高于图像。 – 2011-01-20 15:16:24

div.something { 
    width: 200px; 
    overflow: hidden; 
}

尝试设置宽度或高度，使溢出的工作。

来源

2011-01-20 15:17:29

尝试为此Div添加高度;

height:100%

来源

2011-01-20 19:37:33 Abudayah

溢出：隐藏在IE浏览器不隐藏图像边界

回答

相关问题