IE 9 CSS 문제 : 높이 CSS 특성 문제

Question

div에 다음 클래스가 적용되었습니다.

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

위 클래스가 사업부에 적용되는 경우합니다 (배경에서 색상으로 가득 하나 개 위의 경계, 하나 개 아래의 경계와 중간) 1 개 픽셀의 3 선 각각의 모양을하고 모든 일 이상은 것 그라디언트처럼 보입니다.

IE를 제외한 모든 브라우저에서 높이 특성이 정상적으로 작동합니다.

IE에서 높이 특성이 작동하지 않는 이유가 확실하지 않습니다. 나는 심지어 "min-height : 2px; "그러나 그것은 또한 작동하지 않았다. 자동으로 18px를 최소 높이로 사용하며 그 이하로 감소하지 않습니다. 그러나 높이를 18px 이상으로 높이려고하면 효과가 있습니다.

누군가 나를 도와 줄 수 있습니까? 사전에

덕분에

감사합니다, Sashwat

Answer 1

는 클래스에 즉

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

Answer 2

추가 라인 높이 font-size에 사용 0 픽셀하도록 설정 :

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