---
title: "Transparent bakgrund i IE OCH Mozilla"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/164694-transparent-bakgrund-i-ie-och-mozilla"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "mantralord"
published: "2007-09-20T11:46:51.000Z"
updated: "2007-09-20T11:46:51.000Z"
replies: 0
views: 358
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/164694-transparent-bakgrund-i-ie-och-mozilla"
---

# Transparent bakgrund i IE OCH Mozilla

## #1 — mantralord, 2007-09-20T11:46Z

Hallå, har ett litet problem som jag inte lyckas lösa.
Vill ha en bakgrundsbild innehållande transparenta delar som ska kunna visas i både IE och Mozilla. IE använder ju som bekant ett directX filter för att fixa transparens, detta filter funkar dock inte i mozilla som ju redan kan visa transparens. Så jag tänkte använda mig av IEs "conditional comments" för att endast applicera filtret om det är IE som används.

EX: 

```
<!--[if !IE]-->
background-image: url(blabla);
<!--[endif]-->
<!--[if IE]
filter: blablabla....src='blabla';
[endif]-->
```

Detta funkar av någon anledning inte, varken i Mozilla eller IE. Vad gör jag fel?

EDIT: Ok insåg nu att direkt applicera filtret i IE gör att bilden inte tolkas som bakgrund utan bara blir nån bild som ligger över hela div:en där filtret finns, så  nu behöver jag hjälp med att ladda in en transparent bakgrundsbild i IE också =)

```
#div_content {
	margin-left: 20px;
	margin-top : 5px;
	width: 700px;
	height: 600px;
	float: left;
	clear: both;
	border: 1px solid #333333;
	overflow: auto;
        <!--[if !IE]-->
        *background-image: url(..gfx/background/transparentbg.png);
        <!--[endif]-->
        <!--[if IE]
        **background-image: url(blabla) och filtret ska appliceras här....
        [endif]-->
}
```

\* Funkar inte i Mozilla, tanken är att raden ovanför och under tolkas av endast IE och koden i \* skippas av IE, dvs läses endast av andra browsers.
\*\* Om man använder IE så ska det läggas till en bakgrundsbild där transparens tolkas korrekt.

Börjar gå mig på nerverna det här, ingen som vet hur man ska lösa det?

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/164694-transparent-bakgrund-i-ie-och-mozilla