2 бутона 1 картинка и двата се показват

[diva4et0o0]

Виждал съм бутони който са един под друг и когато се сложи мишката на бутона се появява долния как става?

 

[Montreras]

с background-position

 

[shterev]

<a class="button" href="#"></a>


.button{
display:block;
width:300px;
height:40px;
background: url(image.gif) no-repeat left top;
}

.button:hover{
background-position: left bottom;
}

Така трябва да представлявя кода.Номера е ,че си правиш елемента да е примрно тук е 40 пискела висок, картинката ти е 80, като горните 40 е като не е посочена , а долните 40 когато се посочи. Сменяш само позициатя на бекграунда. В случая съм го нарправил с top и bottom, като задължитлно трябва да си задал left.