---
title: "Opacity fix?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/170609-opacity-fix"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Frexuz"
published: "2008-04-08T08:08:51.000Z"
updated: "2008-09-19T17:37:32.000Z"
replies: 4
views: 630
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/170609-opacity-fix"
---

# Opacity fix?

## #1 — Frexuz, 2008-04-08T08:08Z

```
<div id="userBox" class="transON">
    <div class="transOFF">
        ....lite bilder och text
    </div>
</div>
```

```
.transON {background-color: #FFFFFF; opacity:.65; filter: alpha(opacity=65); -moz-opacity: 0.65; }
.transOFF {opacity:1.0; filter: alpha(opacity=100); -moz-opacity: 1.0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
```

**Problem: Bilderna i diven får också opacity vilket jag inte vill, utan bara den vita bakgrunden i userBox (så att man ser loggan igenom)**

Har provat att sätta .transOFF på varje bild också, men det händer inget.
Har också provat med och utan DXImageTransform på båda classerna

OBS. Bilderna i IE får ingen opacity

Hur kan jag fixa i FF?

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

## #2 — Mattias Nordin, 2008-09-15T14:19Z

Hmmm.... googlar efter samma sak. Inga svar här?

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

## #3 — dAEk, 2008-09-15T21:04Z

Vill du inte att bilderna ska ärva opacity får du placera dem i en nod som inte ärver från ovan. I kodexemplet kommer alla noder som ligger i under userBox att få 0.6 som högsta opacity; 1.0 i div.transOFF är alltså 0.6.

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

## #4 — empaempa, 2008-09-19T13:52Z

Det här borde väl funka?
Du sätter en div som är relative, som har två divar under sig som är absolute. 

```
<div class="container">     
<div class="transOn"></div>
<div class="userinfo">     
....lite bilder och text     
</div> 
</div>
```

 

```
.container { position: relative; }
.userinfo, .transON { position: absolute; top: 0; left: 0; width: 200px; }
.transON {
background-color: #FFFFFF; opacity:.65; filter: alpha(opacity=65); -moz-opacity: 0.65; 
}
```

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

## #5 — dAEk, 2008-09-19T17:37Z

Yep, det är ett rätt vanligt tillvägagångssätt.  :)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/170609-opacity-fix