web-dev-qa-db-ja.com

IE7は表示を理解しません：インラインブロック

誰かがこのバグを回避するのを手伝ってくれますか？ Firefoxではうまく機能しますが、Internet Explorer 7ではうまくいきません。 display: inline-block;を理解していないようです。

html：

<div class="frame-header">
    <h2>...</h2>
</div>

css：

.frame-header {
    height:25px;
    display:inline-block;   
}
htmlinternet-explorer-7css
128
lanthuong

IE7 display: inline-block;ハックは次のとおりです。

display: inline-block;
*display: inline;
zoom: 1;

デフォルトでは、IE7は自然にinline要素でinline-block（ Quirksmode Compatibility Table ）のみをサポートするため、このハックは他の要素に対してのみ必要です。

zoom: 1は、 hasLayout 動作をトリガーするためにあり、IE7以下でのみdisplayをinlineに設定するために star property hack を使用します（新しいブラウザーはそれを適用します）。 hasLayoutとinlineを一緒に使用すると、基本的にIE7でinline-block動作がトリガーされるため、満足しています。

このCSSは検証されず、スタイルシートが混乱する可能性があるため、 条件付きコメント を使用してIE7専用のスタイルシートを使用することをお勧めします。

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

IE7は「インラインブロック」を適切にサポートしていません。詳細はこちら：LINK
Useでは、「inline」を使用できます。

正確に何を達成しようとしていますか？例を挙げて、ここに置いてください：http://jsfiddle.net/

1
Iladarsda

インラインを使用して、リスト項目のこの種のセレクターで動作します：

ul li {}

または具体的に：

ul[className or name of ID] li[className or name of ID] {}
0
MiddleKay