---
title: "Varken background-color eller hover i IE funkar"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/159112-varken-background-color-eller-hover-i-ie-funkar"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "wally_91"
published: "2007-04-10T22:57:38.000Z"
updated: "2007-04-12T15:19:47.000Z"
replies: 7
views: 1011
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/159112-varken-background-color-eller-hover-i-ie-funkar"
---

# Varken background-color eller hover i IE funkar

## #1 — wally_91, 2007-04-10T22:57Z

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

Permalänk: https://www.webforum.nu/p/159112

## #2 — zcorpan, 2007-04-10T23:37Z

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

Permalänk: https://www.webforum.nu/p/1958061

## #3 — wally_91, 2007-04-11T09:02Z

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

Permalänk: https://www.webforum.nu/p/1958122

## #4 — FIG-GHD742, 2007-04-11T10:21Z

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?

Permalänk: https://www.webforum.nu/p/1958132

## #5 — Danne V, 2007-04-11T10:34Z

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>
```

Permalänk: https://www.webforum.nu/p/1958135

## #6 — wally_91, 2007-04-11T18:00Z

FIG-GHD742: Det är ju en klass.

Danne_V: Tack! Det fungerade!

Permalänk: https://www.webforum.nu/p/1958242

## #7 — Danne V, 2007-04-11T19:57Z

> **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.

Permalänk: https://www.webforum.nu/p/1958270

## #8 — icaaq, 2007-04-12T15:19Z

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

mv icaaq

Permalänk: https://www.webforum.nu/p/1958439

---

Tråden på webben: https://www.webforum.nu/amne/html-css/159112-varken-background-color-eller-hover-i-ie-funkar