How to change a div background image while hover without jQuery?

Question

I want to change the background of a DIV on hover event. Is there a way to do this using pure CSS?

David Thomas · Accepted Answer · 2011-03-19 11:58:03Z

9

Yeah, this is pretty easy with pure CSS, albeit IE6, if I remember rightly, doesn't support :hover on any elements except for a. But the following should work consistently in other browsers:

div {
    background: #fff url(path/to/image.png) 0 0 no-repeat;
}

div:hover {
    background: #ffa url(path/to/hoverImage.png) 0 0 no-repeat;
}

answered Mar 19, 2011 at 11:58

David Thomas

254k53 gold badges382 silver badges421 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to change a div background image while hover without jQuery?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related