Question

我有一个背景为纯色和透明边框的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;
}

Answer 1

请尝试使用padding属性，例如this example。

但请注意IE，Chrome和Mozilla中的盒子模型之间的区别。我建议阅读并使用this，否则结果取决于浏览器。

DIV透明边框未显示IE7中的底层背景

1 个答案: