div {
width: 800px;
height: 600px;
background: url('calosc.jpg') no-repeat;
position: relative;
}
a {
display: block;
width: 340px;
height: 190px;
top: 170px;
left: 240px;
position: absolute;
}
a:hover {
background: url('fragment.jpg') no-repeat;
}
...
<div>
<a href="index.html">Lorem ipsum</a>
</div>
Listing 34.4. Pozycjonowanie względnie bezwzględne w praktyce
Rozdział 34. Przyciski rollover w CSS