使用CSS設置樣式的按鈕元素在IE6中未顯示背景圖像

Question

我有一個針對IE 6的舊版Web應用程序，並且正在重新設置外觀。 這些按鈕的默認瀏覽器按鈕外觀已替換為藍色按鈕圖像。

我以下的HTML和CSS在IE 8上運行良好，但在IE 6上卻無法正常運行。

HTML

<button id="add">Add</button>

CSS

button
{
    width: 110px;
    height: 28px;
    background-image: url('../images/button.png');
    background-color: transparent;
    border: 0px none #ff0000;
    cursor: hand;
    font-family: Myriad Pro, Helvetica;
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
}

使用CSS，如何使背景圖片顯示在IE 6中？

理想情況下，可以將修復程序放在ie6.css中，以便在最終放棄IE6支持時輕松刪除該修復程序。

---

關於刪除對IE6的支持，請不要發表任何評論。 此舊版應用程序僅適用於IE6，並在僅支持IE6的瀏覽器的組織內部使用。

Answer 1

如果我在IE6上的記憶凹處對我有好處，則它不能識別button元素上的background-image 。 您無能為力。

盡管再次基於內存，但是如果您可以將其更改為input （屬性type="image" ），即使在IE6上，您也可以得到想要的效果。

Answer 2

使用background CSS屬性而不是background-image屬性可以完成此博客文章中所述的技巧（以下摘錄）。

在Firefox 2.0中起作用的background-image屬性只是對IE6沒有任何影響。 經過一番谷歌搜索后，我意識到background-image屬性在IE上不起作用，我們需要使用background屬性。

這對我有效：

button
{
    background: transparent url('../images/button.png') no-repeat top;
}