---
title: "Skapa övergång --> Bakgrund"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/173675-skapa-övergång-bakgrund"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "hoolaboola"
published: "2008-08-27T11:10:57.000Z"
updated: "2008-08-27T14:40:48.000Z"
replies: 2
views: 291
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/173675-skapa-övergång-bakgrund"
---

# Skapa övergång --> Bakgrund

## #1 — hoolaboola, 2008-08-27T11:10Z

Jag skulle vilja ha tips på sidor (eller om någon kan tala om) som visar hur man skall göra för att få en övergång från innehållet till en bakgrund som är tonad. Bifogar exempel. Där det ligger en vit skulle som går ut i en tonad grå bakgrund.

Bilagor:

- [Namnlöst-1.jpg](https://www.webforum.nu/a/19001.jpg)

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

## #2 — silfver, 2008-08-27T13:38Z

Du behöver använda png-filer för att uppnå en sån effekt. Där den vita skuggan är transparant mot den gradierade bakgrunden.

Ett exempel skulle kunna se ut så här:

```
body {background: url(gradient.png) repeat-x;}
#wrap {width: 800px; background: url(shadow.png) repeat-y; margin: 0 auto;}
```

 Vad du gör är alltså att du lägger en bakgrundsbild på bodyn och sedan en transparant skugga över den bilden, som bakgrund som ligger över.

Har tyvärr ingen länk att ge dig, men är det oklart kanske jag kan förtydliga lite. :)

Ett utropstecken dock. PNG-filer stöds inge vidare i IE6. Det kan vara värt att tänka på.

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

## #3 — k0ffe, 2008-08-27T14:40Z

> PNG-filer stöds inge vidare i IE6. Det kan vara värt att tänka på.

...Det går dock att lösa med lite fix, men kan man bygga en lösning utan transparent .png så är det helt klart att föredra.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/173675-skapa-övergång-bakgrund