Internet Explorer 7의 `display: inline-block` 비호환성을 어떻게 해결할 수 있습니까?

IE7 디스플레이: 인라인 블록 비호환성

Internet Explorer 7이 디스플레이를 인식하지 못함: inline-block; 특히 자연적으로 인라인이 아닌 요소의 경우 속성입니다. 이 문제를 해결하려면 IE7 관련 CSS 해킹을 적용하세요.

.frame-header {
    height:25px;
    display:inline-block;   
    *display: inline;
    zoom: 1;
}

해킹은 세 부분으로 구성됩니다.

• *display: inline; - 이는 IE7 이하의 표시 속성을 재정의하여 인라인으로 설정합니다.
• zoom: 1; - 인라인 블록 기능에 필수적인 hasLayout 동작을 트리거합니다.

다른 브라우저와의 잠재적인 충돌을 피하려면 조건부 주석을 통해 IE7용 별도의 스타일시트를 사용하는 것이 좋습니다.

<!--[if IE 7]>
<link rel="stylesheet" href="ie7.css" type="text/css" />
<![endif]-->

위 내용은 Internet Explorer 7의 `display: inline-block` 비호환성을 어떻게 해결할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!