IE7不理解显示：inline-block

有人可以帮我解决这个错误吗？使用 Firefox 可以正常工作，但使用 Internet Explorer 7 则不行。貌似不太明白display: inline-block;.

html:

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

css:

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

The IE7 display: inline-block;破解如下：

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

默认情况下，IE7仅支持inline-block自然地inline元素（Quirksmode 兼容性表 http://www.quirksmode.org/css/display.html），因此您只需要对其他元素进行此修改。

zoom: 1有没有触发hasLayout http://www.satzansatz.de/cssd/onhavinglayout.html行为，我们使用明星财产黑客 http://en.wikipedia.org/wiki/CSS_filter#Star_hack用于设置display to inline仅适用于 IE7 及更低版本（较新的浏览器不适用）。hasLayout and inline在一起基本上会触发inline-blockIE7 中的行为，让我们很高兴。

这个 CSS 不会验证，并且可能会让你的样式表变得混乱，所以使用仅 IE7 的样式表有条件的评论 http://www.quirksmode.org/css/condcom.html可能是个好主意。

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