img:hover og IE

[JohnRichard]

Hvorfor virker ikke dette i IE6? Workaround?

 

Vil at rammene skal bytte farge når jeg har musa over bildene.

 

CSS:

.imagebox {
display: inline;
float: left;
margin: 10px;
}

.imagebox img {
border: 1px solid #ccc;
padding: 3px;
}

.imagebox img:hover {
border: 1px solid #369;
}

 

XHTML

<div class="imagebox">
<p><a href=""><img alt="Test" class="img" height="90" src="0001.png" title="Testbilde" width="120" /></a><br />
Testbilde #1</p>
</div>

[PoleCat]

IE støtter desverre ikke hover på annet enn a-elementer.

 

EDIT: derfor blir det

.imagebox a img {
border: 1px solid #ccc;
padding: 3px;
}

.imagebox a img:hover {
border: 1px solid #369;
}

Endret 20. oktober 2004 av PoleCat

[FuLu]

bah, PoleCat kom før meg

Endret 20. oktober 2004 av FuLu

[Arve Systad]

.
.imagebox a img:hover {
border: 1px solid #369;
}

Det må i så fall bli

.imagebox a:hover img { }

 

Du veit, IE støtter kun :hover på a-elementer

Endret 20. oktober 2004 av arve87

[PoleCat]

Det må i så fall bli

.imagebox a:hover img { }

 

Du veit, IE støtter kun :hover på a-elementer

Litt kjapp i vendinga der ja. :!:

[JohnRichard]

Mente å huske at IE bare likte a:hover, ja

 

Ingen av de funker, men skifter farge når jeg trykker på den med den nye koden

 

Edit: Funker nå, bare la inn dette. Mente å huske at alle måtte spesifiseres i IE.

 

a, a:visited {
color: #b10f1a;
font-weight: bold;
text-decoration: none;
}

a:hover, a:active {
text-decoration: underline;
}

Endret 20. oktober 2004 av JohnRichard