溢出：隱藏在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瀏覽器不隱藏圖像邊界

回答

相關問題