---
title: "Hover på bild med css"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/165430-hover-på-bild-med-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "zeb"
published: "2007-10-12T16:29:21.000Z"
updated: "2007-10-13T12:20:36.000Z"
replies: 6
views: 511
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/165430-hover-på-bild-med-css"
---

# Hover på bild med css

## #1 — zeb, 2007-10-12T16:29Z

Hur får jag följande att tyckas om av IE (fungerar fint i FF)?
Nu visar den ingen bild överhuvudtaget.

```
a.footer-swe  {
   padding-right:16px;
   margin-right: 8px;
   background: url('g/flag_swe_off.png') no-repeat right;   
}
a.footer-swe:hover  {
   background: url('g/flag_swe.png') no-repeat right;
} 

<a href="#" class="footer-swe"></a>
```

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

## #2 — joser, 2007-10-12T16:36Z

IE stöder inte hover på något annat än \<a\>, men det finns en lösning: [csshover.htc](http://www.xs4all.nl/~peterned/csshover.html)

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

## #3 — Danne V, 2007-10-12T17:06Z

> **joser skrev:**
>
> IE stöder inte hover på något annat än \<a\>, men det finns en lösning: [csshover.htc](http://www.xs4all.nl/~peterned/csshover.html)

psssst: de e an anchor-tag han har..... ;)

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

## #4 — Danne V, 2007-10-12T17:08Z

> **zeb skrev:**
>
> Hur får jag följande att tyckas om av IE (fungerar fint i FF)?
> Nu visar den ingen bild överhuvudtaget.
> 
> 
>
>
> ```
> a.footer-swe  {
>    padding-right:16px;
>    margin-right: 8px;
>    background: url('g/flag_swe_off.png') no-repeat right;   
> }
> a.footer-swe:hover  {
>    background: url('g/flag_swe.png') no-repeat right;
> } 
> 
> 
> 
> <a href="#" class="footer-swe"></a>
> ```

Jag tror det beror på att du inte har nåt intui taggen. Testa t.ex.:
\<a href="#" class="footer-swe"\>&nbsp;\</a\>

Du kanske behöver ställa in en line-height också:

```
a.footer-swe  {
   padding-right:16px;
   margin-right: 8px;
   background: url('g/flag_swe_off.png') no-repeat right;   
line-height:123px;
}
```

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

## #5 — zeb, 2007-10-12T17:12Z

Tom tag var orsaken, tack så mycket!

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

## #6 — joser, 2007-10-13T09:21Z

> **Danne V skrev:**
>
> psssst: de e an anchor-tag han har..... ;)

   :r 

Det är mitt trasiga cacheminne (aka närminne) som spelat mig ett spratt igen.   :(

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

## #7 — Danne V, 2007-10-13T12:20Z

> **joser skrev:**
>
> :r 
> 
> Det är mitt trasiga cacheminne (aka närminne) som spelat mig ett spratt igen.   :(

Gläd dig åt att du INTE är ensam......

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/165430-hover-på-bild-med-css