Question

我将以下类应用于div。

.pageGradientTop_T1 {
    background-color: #E8E8E8;
    border-bottom: 1px solid #F7F7F7;
    border-top: 1px solid #D1D1D1;
    height: 2px;
    margin-bottom: 10px;
}

如果将上面的类应用于div，它将看起来像3行，每行1 px（一个顶部边框，一个底部边框，中间部分用背景颜色填充），所有东西看起来像一个渐变

对于除IE以外的所有浏览器，height属性工作正常。

我不确定为什么height属性不适用于IE。我甚至尝试过“min-height：2px; “但这也行不通。它自动将18px作为最小高度，并且不会低于该值。但如果你试图将高度增加到18px以上，它就会起作用。

有人可以帮助我。

提前致谢

此致 Sashwat

Answer 1

用于font-size即

    .pageGradientTop_T1{
    font-size:0;  // for ie
line-height:0;  // for ie
    }

Answer 2

为您的班级添加行高并将其设置为0px：

.pageGradientTop_T1 { 
    line-height: 0px;
    background-color: #E8E8E8; 
    border-bottom: 1px solid #F7F7F7; 
    border-top: 1px solid #D1D1D1; 
    height: 2px; 
    margin-bottom: 10px; 
}

IE 9 CSS问题：高度css属性问题

2 个答案: