Как изменить фоновое изображение div при наведении курсора без jQuery?

Question

Я хочу изменить фон DIV при наведении курсора.Есть ли способ сделать это с помощью чистого CSS?

Answer 1

Да, это довольно просто с чистым CSS, хотя IE6, если я правильно помню, не поддерживает :hover ни для каких элементов, кроме a.Но в других браузерах должно работать последовательно:

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;
}