---
title: "Mouser over med CSS, hjälp att utvidga exempel script"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/126121-mouser-over-med-css-hjälp-att-utvidga-exempel-script"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Känning"
published: "2005-04-10T17:21:03.000Z"
updated: "2005-04-10T17:21:03.000Z"
replies: 0
views: 224
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/126121-mouser-over-med-css-hjälp-att-utvidga-exempel-script"
---

# Mouser over med CSS, hjälp att utvidga exempel script

## #1 — Känning, 2005-04-10T17:21Z

Hej

Jag hittade detta exemplet för hur man kan på ett enkelt sätt få mouse over funktionen med hjälp av CSS.

<http://wellstyled.com/files/css-nopreload-rollovers/example2.html>

Jag använder idag 6 st olika bilder som jag skulle vilja byta ut mot andra bilder när jag kör mouse over. 

Hur skulle man då kunna utvidga denna koden?

```

div.outer {
	float: left;
	width: 120px; height: 25px;
	margin: 0 3px 0 0;
	background: url( 'bars.gif' ) 0 -50px no-repeat;
	}

div.outer a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	font: bold 13px/1 Georgia, serif;
	color:#039;
	text-decoration: none;
	background: url( 'bars.gif' ) top left no-repeat;
	}
div.outer span {
	display: block;
	margin:0; padding: 7px 0 0 13px;
	}
div.outer a:hover {
	background-image: none;
	color: yellow;
	}
div.outer a:active {
	color: black;
	}
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/126121-mouser-over-med-css-hjälp-att-utvidga-exempel-script