讓內聯塊元素在Internet Explorer 6 和7 中工作
問：我在CSS 程式碼中使用內聯塊元素，但它們在Internet Explorer 6 和7 中無法正常運作。我在做什麼錯了？
<h1>註冊{</h1><p>顏色：#FFF;<br> border-bottom:solid 1px #444;<br> 文字轉換：大寫； text-align:center;<br>}</p><h1>註冊#left {</h1><p>顯示：內聯區塊<br>}</p><h1>註冊#right {</h1><p>background-image:url(images/signup.jpg);<br> 左邊框：實心1px #000;<br> 右邊框：實心1px #000;<br> 顯示：內聯塊； <br> 內邊距：1% 2%<br> 寬度：16%;<br>}</p> <h1>signup #right a { font-size:100%;字體粗細：粗體}</h1><h1>signup #right p { 字體大小：90%; font-weight:bold }</h1><h1>註冊a:hover { color:#FFF; text-decoration:underline }</h1><p></p>答：在Internet Explorer 6 和7 中，inline-block僅適用於像 span 這樣的自然內聯元素。要使其適用於div 等其他元素，您需要以下內容：
<h1>yourElement {</h1><pre class="brush:php;toolbar:false">display: inline-block;
*display: inline;
zoom: 1;}
雖然可以使用有效的 CSS 來實現此解決方法，但它是不推薦，特別是如果您已經在使用供應商前綴的屬性。有關 inline-block 的更多信息，請參閱此資源。
以上是為什麼我的內聯區塊元素無法在 Internet Explorer 6 和 7 中運作？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
