ul { list-style: none; margin: 0; padding: 50px 0; } #maliny { display: block; width: 170px; height: 60px; position: relative; } #maliny span { display: block; width: 170px; height: 60px; position: absolute; top: 0; left: 0; background: url('../img/maliny.png') no-repeat; } #maliny:hover span { background: url('../img/maliny-on.png') no-repeat; }
Listing 34.6. Style pierwszej opcji menu z ćwiczenia 34.6
Rozdział 34. Przyciski rollover w CSS