Dowolny tekst na obrazku jak zrobić ?

Question

Jak mam zrobić tak ze po najechaniu na obrazek wyświetla się na nim dowolny tekst ?

Answer 1

wrzucasz obrazek w diva jemu dajesz pozycje relatywną w środek obok obrazka dajesz diva z pozycją absolutną i opacity na 0 po najechaniu (hover) zmieniasz opacity na 1;)
 

<div style="position:relative;">
       <img src="...">
       <div style="position:absolute;opacity:0;top:0px;left:0px;width:100%;height:100%;">tekst</div>
</div>

 

Comments

Dziękuje bardzo za pomoc :)

Answer 2

Domyślnie dla tekstu ustaw opacity na 0, a dla :hover ustaw opacity na 1. No i dodatkowo możesz użyć lekkie opóźnienie używając CSS transition.

Comments

Również dziękuje za pomoc :D