Lösung mit JavaScript. Weiß nicht, ob dir das weiterhilft xD
Code:
<body>
<div id="button1" class="normal">
<a class="button" onmouseover="document.getElementById('button1').className='hover'" onmouseout="document.getElementById('button1').className='normal'" href="index.php" target="_parent">Startseite</a>
</div><br/>
<div id="button2" class="normal">
<a class="button" onmouseover="document.getElementById('button2').className='hover'" onmouseout="document.getElementById('button2').className='normal'" href="index.php" target="_parent">AGB</a>
</div><br/>
</body>
CSS:
Code:
a.button {
font-size:12px;
font-family:Verdana, Geneva, sans-serif;
text-decoration:none;
color:#fff;
}
a.button:hover {
font-size:12px;
font-family:Verdana, Geneva, sans-serif;
}
.normal {
color:#fff;
font-size:12px;
font-family:Verdana, Geneva, sans-serif;
/*background-image: url(b1.jpg);*/
/*padding:2px;*/
height:15px;
width:123px;
text-align:center;
padding:5px;
background-image: url(b1.jpg);
}
.hover {
background-image: url(b2.jpg);
color:#fff;
font-size:12px;
font-family:Verdana, Geneva, sans-serif;
/*background-image: url(b1.jpg);*/
/*padding:2px;*/
height:15px;
width:123px;
text-align:center;
padding:5px;
}
MfG