technika dwa obazki a na stronie jeden Opcje

[robert1974]

jak to jest robione, bo spotkalem sie juz pare razy z czyms takim, ale nie bardzo czuje jak to jest robione ..., jakby po stronie CSS jakis trick.

pllk graficzny zawiera 2 obrazki jeden pod drugim, np. jeden czarny ikonca facebooka a drugi czerwony ta sama ikonka.

A na stronie wyswietla sie tylko jeden, rozny w zaleznosc czy myszka na niego najade czy nie.

[robert1974]

czy idealnie to nie wiem, ale ogarnalem to w koncu w taki sposob w CSSsie:

[HTML] pobierz, plaintext 
.facebook-social-icon {
    height: 24px;
    width: 11px;
    background-image: url(system/pics/facebook-icon2.png);
	background-position: 0px 0px;
}
 
.facebook-social-icon:hover {
    background-position: 0px 25px;
}
 
.twitter-social-icon {
    height: 24px;
    width: 32px;
    background-image: url(system/pics/twitter-icon2.png);
	background-position: 0% 0%;
}
 
.twitter-social-icon:hover {
    background-position: 0px 25px;
}
[HTML] pobierz, plaintext