Question

<h3>标签的自定义设计......它在IE8，Firefox和Chrome上运行良好。

但是在IE7上，宽度（100％）已满，不应该发生。如何解决这个问题？

字体大小似乎与IE8，Firefox和Chrome

不同

h3 {
    background-color:white;
    display:inline-block;
    color:black;
    padding-right:10px;
    padding-left:5px;
    padding-top:6px;
    padding-bottom:6px;
    margin-bottom:2px;
 }

Answer 1

IE7对于非本地内联的元素不支持display: inline-block。您可以通过设置display: inline并使用各种定位来使其工作来修复它，或者使用特定于IE的样式表来使用条件注释来手动设置宽度。

这取决于你的布局。

Answer 2

这就是你需要的：

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

    background-color:white;
    color:black;
    padding-right:10px;
    padding-left:5px;
    padding-top:6px;
    padding-bottom:6px;
    margin-bottom:2px;
 }

*display: inline使用"safe CSS hack"仅定位IE7。 zoom: 1为IE7及更低版本提供hasLayout，这是使其工作所必需的。

要修复字体大小，请指定显式font-size。例如font-size: 24px。

Answer 3

IE 7不支持：inline-block

但你可以通过将其添加到最后来“破解”

zoom:1;
*display: inline;

hack发现于：http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/

IE7上的H3 css问题

3 个答案: