---
title: "Transparant wrapper"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/190611-transparant-wrapper"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "devotion"
published: "2012-11-01T18:04:29.000Z"
updated: "2012-11-01T19:55:27.000Z"
replies: 7
views: 677
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/190611-transparant-wrapper"
---

# Transparant wrapper

## #1 — devotion, 2012-11-01T18:04Z

Hej,

Jag har en vit wrapper på min sida och bakom den finns en bakgrund som består av en repeterad bild.

Hur gör man wrappern lite genomskinlig? Dvs att man ser bakgrunden, igenom, men att det ändå blir ett tydligt flt, där innehållet visas?

Mvh
Henrik

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

## #2 — noshornin, 2012-11-01T18:14Z

opacity är en lösning.

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

## #3 — devotion, 2012-11-01T18:22Z

Funkar det även på "färg" Sökte lite innan jag ställde frågan och fick för mig att det bara gällde bilder. :)  

Mvh
Henrik

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

## #4 — voigtann1, 2012-11-01T18:45Z

nej opacity sätter hela elementet (inklusive dess barn) till den opacitet du skriver.

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

## #5 — nitro2k01, 2012-11-01T19:04Z

Öppna bilden i Photoshop. Vid behov gör följande två steg:
Image \> mode \> välj RGB om det inte redan är valt.
Högerklicka på bakgrundslagret i lagertabben och välj layer from background.
Justera opacity för lagret tills du är nöjd. Spara som PNG. Lämpligen genom att använda save for web and devices. Välj format PNG-24 och klicka för kryssrutan transparency. Sedankan du spara dokumentet som PSD, så du kan gå tillbaka och justera opaciteten igen.

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

## #6 — devotion, 2012-11-01T19:35Z

Måste det vara en bild?

Nu ser css-koden ut så här:

.wrapper {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: auto;
    padding: 0;
    width: 1004px;
}

Mvh
Henrik

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

## #7 — nitro2k01, 2012-11-01T19:48Z

Du kan använda dig av rgba. 

```
.wrapper {
background: none repeat scroll 0 0 rgb(255, 255, 255);
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
margin: auto;
padding: 0;
width: 1004px;
}
```

Den första background-raden är en fallback för icke-kompatible läsare, främst IE7 och IE8. Notera att den raden måste säga background (och inte background-color) för att gamla IE ska uppfatta raden.

0\.5 ger 50% transparens.

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

## #8 — Danne V, 2012-11-01T19:55Z

..men det fins ingen anledning att sätta bredd (width:1004px) alls om du vill att den ska täcka hela skärmen. Om ingen bredd anges så kommer divven att täcka allt i alla fall.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/190611-transparant-wrapper