Muszę zmienić <img>
źródłowy adres URL na hover
.
Próbowałem tego, ale nie zadziała:
HTML
<img id="my-img" src="http://dummyimage.com/100x100/000/fff"/>
CSS
#my-img:hover {
content: url('http://dummyimage.com/100x100/eb00eb/fff');
}
Każda pomoc będzie mile widziana.
Aktualizacja:
Działa to tylko w przypadku Webkit / Google Chrome.
DIV
.
content:
jedyny działa z :before
or:after
img
tagu i po prostu usunąć go src
z obrazu. Chociaż jest to trochę dziwne, zadziała. @HamedKamrava: Możesz użyć tylko obrazu, czy możesz użyć czegoś innego?
:before
lub :after
klasach pseudo do użytku content:url(...)
. Aktualizacja: działa tylko w przypadku Webkit / Google Chrome.
content
działa tylko z:before
lub:after
tak to nie zadziała. Dlaczego nie użyćdiv
znaku z obrazem tła i po najechaniu kursorem zmienić ten obraz tła?