Hallo,
ich versuche in CSS ein Hintergrundbild auszutauschen bei hover, active, etc.
Leider klappt es aber nicht, da bei besuchten Links dennoch das Hintergrundbild angezeigt wird, welches aber nur angezeigt werden soll, wenn der Link noch nicht geöffnet wurde.
So sieht der Code aus (body):
<div>
<ul>
<li><a href="xyz" class="img-link" title="xyz">xyz</a><br/></li>
Bei der Klasse in css habe ich es dann so probiert:
a.img-link{
display: inline-block;
background: url(../img/li-button-blue.png);
margin: 0 auto;
text-align: center;
}
a.img-link:visited {
background: url(../img/li-button-yellow.png);
}
a.img-link:hover {
background: url(../img/li-button-red.png);
}
a.img-link:active {
background: url(../img/li-button-lightblue.png);
}
a.img-link:focus {
background: url(../img/li-button-green.png);
Vielleicht kann ja jemand helfen, ist wahrscheinlich total einfach.
Vielen Dank.