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屬性問題

回答

相關問題