Question

So I have this code (in http://localhost/index.html):

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

with the CSS style (in http://localhost/min/css.css):

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

However, the background doesn’t show up in any version of Internet Explorer. What am I doing wrong?

Answer 1

IE has known issues with the background-image property. See what happens when you use background instead.

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

Or alternatively, you could try

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