0

次のクラスを div に適用しています。

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

上記のクラスが div に適用される場合、それぞれ 1 ピクセルの 3 行のように見え (1 つの上部境界線、1 つの下部境界線、および中央が背景色で塗りつぶされます)、全体がグラデーションのように見えます。

IE を除くすべてのブラウザで、height 属性は正常に機能しています。

高さ属性が IE で機能しない理由がわかりません。私は「 min-height: 2px; 」を与えようとさえしました。しかし、それもうまくいきませんでした。最小の高さとして 18 ピクセルが自動的に取得され、それ以下に減少することはありません。ただし、高さを 18px より大きくしようとすると、うまくいきます。

誰かがこれで私を助けることができますか？

前もって感謝します

よろしく、 サシュワット

4

2 に答える 2

0

font-sizeすなわちのために使用される

    .pageGradientTop_T1{
    font-size:0;  // for ie
line-height:0;  // for ie
    }
于 2012-07-12T11:08:53.923 に答える
0

クラスに line-height を追加し、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-12T11:10:37.670 に答える