---
title: "Sätta bakgrund i style och bakgrundsposition vid hover med class?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/144607-sätta-bakgrund-i-style-och-bakgrundsposition-vid-hover-med-class"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "bassebhu"
published: "2006-03-26T18:10:39.000Z"
updated: "2009-10-15T12:57:41.000Z"
replies: 9
views: 599
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/144607-sätta-bakgrund-i-style-och-bakgrundsposition-vid-hover-med-class"
---

# Sätta bakgrund i style och bakgrundsposition vid hover med class?

## #1 — bassebhu, 2006-03-26T18:10Z

Som rubriken säger... Är det möjligt?

Jag har en del \<a\>-element som får bakgrunder med hjälp av style="", men sedan vill jag ompositionera dessa bakgrunder med hjälp av class="" som hämtar ifrån en extern css-mall.

Det verkar inte fungera. Troligen för att den tycker att bakrunden ska vara där den är då den är angiven med style och ska inte kunna flyttas med class. Finns det något sätt att få classen att prioriteras högre än style i detta fall, så att jag inte behöver lägga in all bakgrundsinfo i css-mallen?

Alternativet jag har kört är med onmouseover="", men det vore kalas om det gick att få in hovern i css-mallen.

Taxi!

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

## #2 — bassebhu, 2006-03-26T21:15Z

Jag undrar nog kort sagt ifall man kan se till så att en class är starkare än vad som anges i style?
Om inte, går min fundering att lösa på annat sätt?

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

## #3 — zcorpan, 2006-03-26T22:01Z

Varför använder du style=""? Det alltid har högre specificitet än en extern stilmall, så om du vill överskrida style="" med en extern stilmall måste du använda !important.

Bättre vore att göra allt med den externa stilmallen tror jag. :)

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

## #4 — bassebhu, 2006-03-27T06:17Z

> **zcorpan skrev:**
>
> Varför använder du style=""? Det alltid har högre specificitet än en extern stilmall, så om du vill överskrida style="" med en extern stilmall måste du använda !important.
> 
> Bättre vore att göra allt med den externa stilmallen tror jag. :)

Även om det bara är bilder som ska förekomma på vissa sidor? Men du kanske har rätt. Det där med !important vore ändå kul att kunna. Berätta, berätta :)

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

## #5 — zcorpan, 2006-03-27T09:55Z

> **bassebhu skrev:**
>
> Även om det bara är bilder som ska förekomma på vissa sidor?

Ja. style="" är \<font\> i förklädnad. :) 

Men om bilden är väsentligt för innehållet bör du använda \<img\> och inte en bakgrundsbild.

> **bassebhu skrev:**
>
> Det där med !important vore ändå kul att kunna. Berätta, berätta :)

```
<div style="background:yellow">test</div>
```

```
div:hover { background:lime !important; }
```

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

## #6 — bassebhu, 2006-03-27T19:58Z

Det handlar om undermenyer, med hover. Det tycker jag ingår i sidstruktur och img bör därav inte användas(?)

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

## #7 — zcorpan, 2006-03-27T21:35Z

Jag förstår inte riktigt hur du menar, men om du tycker att det borde vara en bakgrund så borde det väl vara en bakgrund. :)

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

## #8 — bassebhu, 2006-03-27T22:04Z

Jag menar att det ska vara bilder, knappar i en meny. Det är inga foton eller liknande, utan ingår i sidans struktur. Det var det som gjorde att jag valde background för dem. Har även blivit tipsad förut om att göra menyer med antingen floatade divar eller med ul/li.

Du är av annan åsikt?

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

## #9 — Okkido, 2006-03-27T22:13Z

Du kan använda bilder här, om sidans design ser ut så att du kan använda en vanlig font för länkarna så är det givetvis bäst. 

Annars döljer du din meny-text och bilderna lägger du som bakgrundsbilder. Just det jag använder här förutsätter att alla bilder är lika breda och har samma höjd. 
Sen använder du bara en bild för varje meny-länk. Först den vanliga bilden och under den bilden kommer din hover-bild. På så sätt slipper du använda någon form av preload eller få en sekund med vitt (så som det är för dig i sängen) eftersom allt redan laddas in från början.

```
<ul>
<li><a href="nav1.html" title="nav1" class="nav 1"><span class="hide">Nav1</span></a></li>
<li><a href="nav2.html" title="nav2" class="nav 2"><span class="hide">Nav2</span></a></li>
</ul>
```

```
ul {allt css för ul}
li {all css för li}
.hide {display:none}
.nav{width:120px; height: 30px; borde: 1px solid #000;}
.1 {background: url(nav1.gif) 0 0 no-repeat;}
.2 {background: url(nav2.gif) 0 0 no-repeat;}
.rubrik:hover {background-position: 30px 0;}
```

...eller nått.

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

## #10 — Biffen09, 2009-10-15T12:57Z

stilmall....

oj, fel..

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/144607-sätta-bakgrund-i-style-och-bakgrundsposition-vid-hover-med-class