My image isn't changing on my website when I move my mouse over it.

Posted by Sergio Tapia on Stack Overflow See other posts from Stack Overflow or by Sergio Tapia
Published on 2010-04-04T05:39:54Z Indexed on 2010/04/04 5:43 UTC
Read the original article Hit count: 308

Filed under:
|

Here's my .html file:

<hmtl>
<head>
    <style type="text/css">
        .button{
            background: url('images/1.png');
        }

        .button:hover{
            background: url('images/2.jpg');
        }
    </style>
</head>
<body>
<img class="button" src="images/1.png">
</body>

The files are set correctly in the correct folder; but it just refuses to work. What am I doing wrong?

© Stack Overflow or respective owner

Related posts about css

Related posts about mouse-over