---
title: "hover-effekt funkar ej i IE"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/112008-hover-effekt-funkar-ej-i-ie"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "oola"
published: "2004-09-20T20:26:28.000Z"
updated: "2004-09-21T06:55:43.000Z"
replies: 2
views: 301
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/112008-hover-effekt-funkar-ej-i-ie"
---

# hover-effekt funkar ej i IE

## #1 — oola, 2004-09-20T20:26Z

```
#innehall {
	float: left;
	width: 600px;
	padding: 0px;
	margin: 0 0 0 0;
	
	
	}

	#innehall img {
		border: 1px solid #828282;
		padding: 0px;
		margin: 10px;
		}

	#innehall img:hover {
		border: 1px solid #FF0000;
		padding: 0px;
		margin: 10px;
		}
```

Så ser mallen ut och hover effekten funkar finfint i firefox men inte i IE. Finns det ett sätt att komma runt det?

Sidan finns på:

<https://www.andersbergstrom.com/projekt.php>

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

## #2 — jarvklo, 2004-09-20T20:53Z

Re: hover-effekt funkar ej i IE

> hover effekten funkar finfint i firefox men inte i IE.

Jupp - det är ett sorgligt faktum att MSIE bara hanterar hover på \<a\>-taggar...

> Finns det ett sätt att komma runt det?

Jadå - eftersom varje bild på din sida ligger i en \<a\>-tagg så finns det minst en möjlighet ;) 

... och här är ett kanske lite annorlunda förslag som helt enkelt lägger till en \<style\>-tagg med ett "MSIE-hack" inom "villkorliga kommentarer" (som ju bara stöds av MSIE ;) ) till en sida med liknande upplägg som din. 

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="sv" xml:lang="sv">
<head>
  <title>Ett exempel</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<style type="text/css">
.testarea img  {border:4px solid black}
.testarea img:hover {border: 4px solid red}
</style>

<!--[if IE]>
<style type="text/css">
.testarea a  {display:inline-block; border:4px solid black}
.testarea a img {border: none}
.testarea a:hover {border: 4px solid red}
</style>
<![endif]-->

</head>

<body>
  <div class="testarea">
    <a href="#"><img src="testbild3.gif" alt="En bild med en ram" /></a>
  </div>
</body>
</html>
```

Provkör: <http://member.webforum.nu/2241/img_hover.html>  :birp

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

## #3 — oola, 2004-09-21T06:55Z

Ser ut att kunna vara lösningen på mitt problem :)

Ska testa när jag kommer hem ikväll! Sätter ditt svar som slutgiltigt så länge.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/112008-hover-effekt-funkar-ej-i-ie
