07-03-2011, 16:04
Połącz te dwie grafiki w jedną. Ustaw pozycjonowanie grafiki tak, by wyświetlała się tylko ta pierwsza. Do a:hover dodaj odstęp, który odsłoni drugą grafikę. Np. jest grafika:
http://putorana.pl/images/mhome.jpg
i do tego style.css
http://putorana.pl/images/mhome.jpg
i do tego style.css
Kod PHP:
.mhome{
background-image: url('images/mhome.jpg');
width: 60px;
height: 40px;
float: left;
display: block;
}
.mhome:hover{
background-image: url('images/mhome.jpg');
width: 60px;
height: 40px;
background-position: 0px -40px;
overflow: hidden;
float: left;
display: block;
}