Varken background-color eller hover i IE funkar

7 svar · 1 003 visningar · startad av wally_91 10 apr. 2007

wally_91Medlem sedan feb. 2006511 inlägg

Frågan10 apr. 2007 22:57#1

Hej alla!

Jag har ett litet css-problem. I Fx visas det som jag vill med ljusrosa bakgrund vid hover och en svart 1px border men i IE visas ingenting! Jag vet inte varför det inte blir något...

Edit: Använder IE 6 för tillfället för att felsöka.

Jag har det så här högst upp:

<style type="text/css">
.hover {border: 1px solid white; padding: 4px;}
.hover:hover {border: 1px solid grey; padding: 4px;}
.trhover:hover {background-color: #ffd8ff;}
</style>

<link rel='stylesheet' type='text/css' href='css/style.css' />

Sedan lite längre ner... (komprimerat)

<div class="hover">
<h2 style="color: blue;">Sparade texter</h2>
<table border="1" cellspacing="0">

<tr>
<th>Namn</th>
</tr>

<tr class="trhover"> 
<td>Lorem2</td>
</tr>

<tr class="trhover">
<td>Lorem3</td>
</tr>
</table>
</div>

Tack på förhand!

Mvh wally_91

zcorpanMedlem sedan dec. 20042 245 inlägg

10 apr. 2007 23:37#2

IE6 (och IE7 i quirks mode) saknar stöd för :hover förutom på länkar.

wally_91Medlem sedan feb. 2006511 inlägg

11 apr. 2007 09:02#3

Tack zcorpan! Du/Ni vet inte något fulhack för detta?

FIG-GHD742Medlem sedan apr. 20079 inlägg

11 apr. 2007 10:21#4

Nja? gör det. med det som jag tro kan vara felt är att du inte anger elmnet?
Borde du inte skriva "div.hover:hover" istälet för ".hover:hover"
eller är jag ute och cykala?

Danne VMedlem sedan aug. 20068 090 inlägg

11 apr. 2007 10:34#5

Jag vet inte hur kompatibelt och "korrekt" detta är, men du kan ju fibbla med javascript inline:

onMouseOver="this.style.backgroundColor='#ffd8ff'" onMouseOut="this.style.backgroundColor='#ffffff'"

Alltså, stoppa in det där i td-taggarna:

<td onMouseOver="this.style.backgroundColor='#ffd8ff'" onMouseOut="this.style.backgroundColor='#ffffff'">Lorem3</td>

wally_91Medlem sedan feb. 2006511 inlägg

11 apr. 2007 18:00#6

FIG-GHD742: Det är ju en klass.

Danne_V: Tack! Det fungerade!

Danne VMedlem sedan aug. 20068 090 inlägg

11 apr. 2007 19:57#7

wally_91 skrev:

FIG-GHD742: Det är ju en klass.

Danne_V: Tack! Det fungerade!

Bra.
Men:
1. Om nån skulla ha javascriptstödet avstängt, så funkar det inte (ca 4-5% av folk - mest utvecklare tror jag)
2. Man kan tro att färgskiftningen innebär att det är en länk man hovrar över. Det är det ju inte alltid. Ett användbarhetsproblem alltså - om än litet.

icaaqMedlem sedan okt. 20005 273 inlägg

12 apr. 2007 15:19#8

I mina ögon så fungerar sidan även om man inte har någon hover effekt.

mv icaaq