Witam.
Pracuje nad stroną internetową i mam pewien problem.
Chcę osiągnąć taki efekt, że gdy po najechaniu na wybrany kafelek zmieni się obrazek tego kafelka na inny ( grafikę już stworzyłem ).
Na chwile obecną doszedłem do tego że po najechaniu na kafelek wyświetla mi oba obrazki które się przesłaniają.
Chciałbym natomiast żeby obrazek zmienił się całkowicie, przysłaniając ten który widzimy gdy myszka jest poza ikoną/kafelkiem.
Kod z pliku .html
<div class="tile15">
<a href="kontakt.html" class="tilelink"><i class="icon-mail"></i>
<br>Kontakt </br>
</div>
Kod z pliku .css
tile15
{
margin: 10px;
width: 230px;
height: 142px;
background-color: #3095d3;
background-repeat: no-repeat;
float: left;
text-align: center;
}
.tile15:hover
{
background-image: url("koperta_open.jpg");
background-repeat: no-repeat;
}
Co powinienem zmienić aby wreszcie uzyskać pożądany efekt?
Pozdrawiam.