在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透明边框

回答

相关问题