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

我有一个以下类应用于一个div。IE 9 CSS问题：高度css属性问题

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

如果上述类被施加到一个div它看起来像3行1个像素的每个（一个顶部边界，一个底边界和中间填充有研究背景色）和在所有事情将看起来像一个渐变。

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

我不知道为什么height属性不适用于IE。我甚至尝试给“min-height：2px; “但那也没有奏效。它会自动以18px为最小高度，并且不会低于此值。但是如果你试图增加18px以上的高度，它将会起作用。

有人可以帮助我这个。

在此先感谢

问候， Sashwat

来源

2012-07-12 Sashwat

在你的css中指定'line-height：xxpx;'。 – RAN 2012-07-12 11:12:32

用于font-size为即

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

来源

2012-07-12 11:08:53

Thnx它的工作。我不知道这种行为的原因，如果你能解释我的话，那将是很棒的。 – Sashwat 2012-07-12 13:26:14

添加行高到类，并将其设置为0px：

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

来源

2012-07-12 11:10:37 WolvDev

甚至需要设置font-size：0px。我不知道这种行为的原因。 – Sashwat 2012-07-12 13:25:18

导致IE看到一个带有文本内容的容器，即使没有任何文本需要行高/字体大小，并且这是容器的最小高度。将两者设置为零也会将最小高度降为零。 – WolvDev 2012-07-12 13:40:03

现在明白了。谢谢 – Sashwat 2012-07-12 13:55:58

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

回答

相关问题