css - 在 Internet Explorer 7 中设置 div 高度时出现问题

Question

我有一个带有漂亮曲线背景图像的 div，所以它在所有浏览器上都有圆 Angular 。

问题在于，在 Internet Explorer 中，背景图像后面跟着一条背景色线。如果我设置div的高度，Firefox和Chrome都会缩小div的高度，但是IE不会调整任何东西。

这是我的 CSS。请注意，CSS 的其余部分适用于 IE(和 FF/Chrome)。

#MSBottomSlot .topCurve {
    background:url("images/topCurve.jpg"); 
    background-repeat:no-repeat;
    height:10px; /* Changing this value does nothing in IE */
    width:100%;
}

是否有关于我遗漏的关于高度的 IE“陷阱”？

这里有一些额外的细节:

• 该行不会出现在 FF 或 Chrome 中。
• 页面上几乎没有 javascript，不会影响其呈现方式。
• 对 css 的其他更改将应用​​到 div。

Answer 1

如果我没理解错的话，高度不会因为行高和字体大小而受到影响。所以你必须添加

line-height: 0;
font-size: 0;