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;
}

このハックは 3 つの部分で構成されます。

• *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 中国語 Web サイトの他の関連記事を参照してください。