---
title: "style.Background..."
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/49153-style-background"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "JAreMANNEN"
published: "2002-07-31T14:46:20.000Z"
updated: "2002-08-01T11:59:48.000Z"
replies: 6
views: 273
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/49153-style-background"
---

# style.Background...

## #1 — JAreMANNEN, 2002-07-31T14:46Z

Tjamaan!

Har ett litet prob...

Följande fungerar...

```
onMouseOver="this.style.backgroundColor='#999999';" onMouseOut="this.style.backgroundColor='#CCCCCC';
```

Men inte....

```
onMouseOver="this.style.background[b]Image[/b]='bild.gif';" onMouseOut="this.style.background[b]Image[/b]='gammalbild.gif';"
```

Går det att ordna på något sätt, ni fattar säkert vad jag är ute efter för funktion.. ;) :bire

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

## #2 — Web-Tor, 2002-07-31T14:57Z

Testa detta:

```
onMouseOver="this.style.backgroundImage='url(bild.gif)';" onMouseOut="this.style.background='url(gammalbild.gif)';"
```

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

## #3 — erre, 2002-07-31T16:30Z

Om det är bakgrundsbilden du vill byta med en onMouseOver så är det väl smidigare att använda sig av CSS?

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

## #4 — JAreMANNEN, 2002-08-01T06:13Z

> **erre skrev:**
>
> Om det är bakgrundsbilden du vill byta med en onMouseOver så är det väl smidigare att använda sig av CSS?

Vore ju bra om du kunde skriva HUR också då!

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

## #5 — Pele, 2002-08-01T06:28Z

Om du läger en bakgrundsbild och ska byta till
en annan med "OnMouseOver" med CSS så skriver du bara

a:hover { background-image: url(egen_bild.gif)}

 i en extern stilmall eller en stilmall du har på sidan.

Ett exempel: 
\<head\>
\<style type="text/css"\>
\<!--
a:link { text-decoration: none; color: #0000FF}
a:visited { text-decoration: none; color: #00FF00}
a:active { text-decoration: none; color: #FF0000}
a:hover { background-image: url(egen_bild.gif)}
\--\>
\</style\>
\</head\>

Mvh/Pele

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

## #6 — JAreMANNEN, 2002-08-01T07:22Z

tack för alla förslag.. ;)

Löste det med...

```
onMouseOver="this.style.background='url(bild.gif)';" onMouseOut="this.style.background='url(gammalbild.gif)';"
```

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

## #7 — erre, 2002-08-01T11:59Z

> Vore ju bra om du kunde skriva HUR också då!

Oops! Hjärnsläpp. :r :) Nåja, nu kom ju någon annan med lösningen.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/49153-style-background