如何修复 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中文网其他相关文章！