Transparent bakgrund i IE OCH Mozilla

HTML & CSS

0 svar · 358 visningar · startad av mantralord

Medlem sedan sep. 200711 inlägg
Trådstart#1

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?

505 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
125 ms — deklarationer (db)
124 ms — hämta statistik (db)
247 ms — hämta tråd, inlägg och bilagor (db)
126 ms — ändringar (db)