Сменяющаяся картинка css

[FiRеFоX]

Нубский вопрос вобщем-то..
Есть картинка, нужно сделать её ссылкой и что бы при наведении на картинку она менялась на другую..
Только без javascript.. На css.. Я не помню как(

<div class="myclass">
<a href="">Обычная ссылка</a>
<img src="" alt="Эта картинка должна меняться и быть ссылкой">
</div>

Скажите как? Или ссылку..

 

[lekzd]

на до в css поставить для ссылки background-image, display: block и выставить размеры
и по селектору a:hover менять background-image

 

[Volter9]

на до в css поставить для ссылки background-image, display: block и выставить размеры
и по селектору a:hover менять background-image

Также можно использовать CSS-Спрайты, делаешь png вставляешь в них другие png, и менять позицию background-position при :hover.

 

[FiRеFоX]

Спасибо, сделал))
А мобильные поддерживают эту смену картинок, не в курсе? А то может быть подтереть лучше:/

 

[Volter9]

Спасибо, сделал))
А мобильные поддерживают эту смену картинок, не в курсе? А то может быть подтереть лучше:/

Зависит от браузера, если браузер не поддерживает CSS 2.1 то не будет работать.