背景圖片沒有顯示在IE

Question

所以我有這樣的代碼（在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中。我究竟做錯了什麼？

Answer 1

IE有known issues與background-image屬性。請參閱使用background時發生的情況。

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

或者，你可以嘗試

<input type="image" src="../images/button.gif" value="Yea" /> 

Answer 2

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

CSS標準 背景：顏色URL重複部分和位置

個JPEG圖像

檢查圖像是JPEG2000的，如果是的話，打開任何圖像編輯器，並適當延長JPEG再次保存