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

background-imageプロパティの代わりにbackground CSSプロパティを使用すると、このblog post（以下に抜粋）に記載されているようなトリックが行われます。

Firefox 2.0で機能していた背景画像のプロパティは、 はIE6に影響しません。グーグルで少し後に、 背景イメージプロパティがIEで動作しないこと、そして背景プロパティ を使用する必要があることがわかりました。

これは私のためにどのような作品です：// ie6countdown：

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

Answer 2

IE6のメモリのくぼみがうまく機能している場合は、button要素のbackground-imageを認識しません。あなたはそれについて何もできません。

メモリに基づいて、input（属性type="image"）に変更することができますが、IE6でも効果を得ることができます。