为什么我的内联块元素无法在 Internet Explorer 6 和 7 中工作？

使内联块元素在 Internet Explorer 6 和 7 中工作

问：我在 CSS 代码中使用内联块元素，但它们在 Internet Explorer 6 和 7 中无法正常工作。我在做什么错了？

<h1 id="注册">注册{</h1><p>颜色：#FFF;<br> border-bottom:solid 1px #444;<br> 文本转换：大写；<br> text-align:center;<br>}</p><h1 id="注册-left">注册#left {</h1><p>显示：内联块<br>}</p><h1 id="注册-right">注册#right {</h1><p>background-image:url(images/signup.jpg);<br> 左边框：实心 1px #000;<br> 右边框：实心 1px #000;<br> 显示：内联块； <br> 内边距：1% 2%<br> 宽度：16%;<br>}</p><h1 id="signup-right-a-font-size-字体粗细-粗体">signup #right a { font-size:100%;字体粗细：粗体 }</h1><h1 id="signup-right-p-字体大小-font-weight-bold">signup #right p { 字体大小：90%; font-weight:bold }</h1><h1 id="注册-a-hover-color-FFF-text-decoration-underline">注册 a:hover { color:#FFF; text-decoration:underline }</h1><p>

答：在 Internet Explorer 6 和 7 中，inline-block 仅适用于像 span 这样的自然内联元素。要使其适用于 div 等其他元素，您需要以下内容：

<h1 id="yourElement">yourElement {</h1><pre class="brush:php;toolbar:false">display: inline-block;
*display: inline;
zoom: 1;

}
;

• *display: inline 是特定于 IE7 的 CSS hack下面。
• zoom: 1 确保元素具有布局，这是内联块工作的要求。

虽然可以使用有效的 CSS 来实现此解决方法，但它是不推荐，特别是如果您已经在使用供应商前缀的属性。有关 inline-block 的更多信息，请参阅此资源。

以上是为什么我的内联块元素无法在 Internet Explorer 6 和 7 中工作？的详细内容。更多信息请关注PHP中文网其他相关文章！