przewiń do treści

HTML, XHTML i CSS. Praktyczne projekty. Wydanie II

Włodzimierz Gajda

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

listing-34-06.txt