0

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

1 回答 1

1

尝试改用该padding属性，就像在这个例子中一样。

但是要提一下 IE、Chrome 和 Mozilla 中盒子模型的区别。我建议阅读和使用this，否则结果取决于浏览器。

于 2012-05-16T16:04:38.427 回答