背景图片没有显示在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再次保存