MouseOver mit 2-seitigen Grafiken

Sascha · 29.05.2009

es gibt doch eine möglichkeit aus einem bild zb. eine navigation zu bauen in der ich z.b. oben die inaktivie navigation und darunter gleich die aktive navigation auf einem bild habe. und die sich dann austauscht. weisst du welche art es ist ? über css oder javascript?

developr · 29.05.2009

Ich würde nun darauf setzen, die Position des Hintergrundbildes mit background-position zu verschieben und somit nur den erwünschten Teil "sichtbar" zu machen.

HTML:

<html>
<head>
<title>test</title>
<style>
.button {
width: 61px;
height: 20px;
display: block;
background-image: url(button.gif);
background-position: top center;
text-decoration: none;
}
.button:hover {
background-position: bottom center;
}
</style>
</head>
<body>

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

</body>
</html>