為什麼我的內聯區塊元素無法在 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> 文字轉換：大寫； 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></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 是CSS hack 特定的CSS hack下面。
• zoom: 1 確保元素具有佈局，這是內聯塊工作的要求。

雖然可以使用有效的 CSS 來實現此解決方法，但它是不推薦，特別是如果您已經在使用供應商前綴的屬性。有關 inline-block 的更多信息，請參閱此資源。

以上是為什麼我的內聯區塊元素無法在 Internet Explorer 6 和 7 中運作？的詳細內容。更多資訊請關注PHP中文網其他相關文章！