在IE7中不顯示底層背景的DIV透明邊框

在IE8 +和Chrome中，透明邊框顯示底層背景色。但是，在IE7中邊框是透明的：邊框後面沒有背景。

我該如何讓IE7像IE8 +，Chrome和「現代」瀏覽器那樣顯示邊框？

這裏是我的HTML和CSS（見它http://jsfiddle.net/hG82h/1/工作）：

HTML：

<html> 
<body> 
    <div id="div1"></div> 
    <div id="div2"></div>  
</body> 
</html>

CSS：

div { 
    width: 200px; 
    height: 20px; 
    background-color: #AAA; 
} 
#div1 { 
    border: 10px solid transparent; 
} 
#div2 { 
    border: 10px solid #666; 
}

來源

2012-05-16 German Latorre

使用填充有什麼問題？ http://jsfiddle.net/hG82h/2/ –

非常出色和簡單......它對我來說就像一個魅力，發表一個答案，如果你想讓我接受它，;-) –

謝謝，不客氣！ :) –

嘗試使用padding屬性來代替，像this example。

但請提及IE，Chrome和Mozilla中的框模型之間的區別。我建議閱讀並使用this，否則結果取決於瀏覽器。

來源

2012-05-16 16:04:38

在IE7中不顯示底層背景的DIV透明邊框

回答

相關問題