CSSスタイル( http://localhost/min/css.css )で .button { background-image: url(../images/button.gif); } ただし、Internet"> CSSスタイル( http://localhost/min/css.css )で .button { background-image: url(../images/button.gif); } ただし、Internet"> CSSスタイル( http://localhost/min/css.css )で .button { background-image: url(../images/button.gif); } ただし、Internet" />

背景画像がIEに表示されない

ですから、私はこのコードを持っています( http://localhost/index.html ):

<input type="button" value="Yea" class="button" />

CSSスタイル( http://localhost/min/css.css )で

.button {
    background-image: url(../images/button.gif);
}

ただし、Internet Explorerの任意のバージョンでは、背景が表示されません。私は間違って何をしていますか?

2
それはURLを引用符で囲むのに役立ちますか?
追加された 著者 Shomz,

2 答え

IEは、既知の問題 background-image プロパティを持っています。代わりに background を使用するとどうなるかを確認してください。

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

あるいは、あなたは

<input type="image" src="../images/button.gif" value="Yea" />
3
追加された
.button{
      background: transparent url('../images/backrgound.jpg') no-repeat top center;
}

CSS Standard background : color URL repeat-section and position

JPEG画像

画像がJPEG2000であるかどうかを確認し(yesの場合)、画像エディタを開いて適切なjpeg拡張子でもう一度保存します。

0
追加された