首页 > web前端 > css教程 > 如何修复 Internet Explorer 7 中的'display: inline-block”不兼容性问题?

如何修复 Internet Explorer 7 中的'display: inline-block”不兼容性问题?

Patricia Arquette
发布: 2024-12-18 02:16:10
原创
749 人浏览过

How Can I Fix the `display: inline-block` Incompatibility in Internet Explorer 7?

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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板