Hi,
ich habe diesen HTML & CSS Code:
<html>
<head>
<style>
.maximize
{
background-image: url("maximize.jpg");
width: 22px;
height: 22px;
display: block;
}
.maximize:hover
{
background-image: url("maximize_hv.jpg");
}
.maximize:active
{
background-image: url("maximize_at.jpg");
}
</style>
</head>
<body>
<a href="" class="maximize"></a>
<div class="maximize"></div>
</body>
</html>
... und dazu 3 Versionen eines jpgs maximize.jpg (normal, hover, active).
Wenn ich über den Link fahre, wird das '_hv' Bild angezeigt, analog beim Klick.
Beim <div> rührt sich garnix?
An was liegt das, es hat schon mal funktioniert, und ich weiss, dass Firefox dass kann .. Opera machts brav, IE7 sowieso nicht.
Ideen?
Ja, die Bilddateien sind alle da, selbst wenn ich sowas mache ...
.maximize:hover
{
background-image: url("maximize_hv.jpg");
width: 44px;
height: 44px;
}
... passiert nur beim Link was, das <div> bleibt unverändert.
Selbes Verhalten auf verschiedenen Rechnern, FF Version 2.0.0.11.
Danke sehr!