Фоновое изображение не отображается в 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 имеет известные проблемы со свойством 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