標籤樣式不工作ie6

Question

我有一個頁面，並排顯示兩個鏈接。這適用於除IE6以外的所有瀏覽器。 Here's the link to the fiddle。有誰知道爲什麼發生這種情況，以及如何解決它？在IE6

結果：

Answer 1

這是因爲IE 7及更低版本不支持默認block元素上的display:inline-block。

如果你想與display:inline-block的元素，您可以：

• 使用默認inline元素（例如<span>），並設置display:inline-block它
• 使用默認block元素（例如<div>），並設置display:inline它

你有<div>元素，所以你需要：

<!--[if lte IE 7]> 
<style type="text/css"> 
.dialog-button, .horizontal-dialog-divider { 
    display: inline; 
} 
</style> 
<![endif]--> 

見這裏：http://jsfiddle.net/uQUTc/1/

它適用於IE7，但也許對IE6這招不起作用（我沒有，所以我不能測試它）。

但是，嚴重的是，爲什麼你要爲IE6編程？這是非常古老的，它不是一個兼容的瀏覽器。

編輯：

如果要對齊的元素，你可以使用

.dialog-button,.horizontal-dialog-divider,.dialog-text{vertical-align:middle} 

見這裏：http://jsfiddle.net/uQUTc/3/

Answer 2

因爲IE6不支持display: inline-block。

Answer 3

我想你最好能夠使用列表元素，帶浮點數：左

<ul> 
<li>Ok</li> 
<li>Cancel</li> 
</ul> 

ul li {list-style:none; float:left; padding:10px}