如何修復 Internet Explorer 7 中的「display: inline-block」不相容性問題？

IE7 顯示：內聯區塊不相容

Internet Explorer 7 無法辨識顯示：內聯區塊；屬性，特別是對於非自然內聯的元素。要解決此問題，請應用IE7 特定的CSS hack：

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

該hack 包含三個部分：

• *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中文網其他相關文章！