webForumDet fria alternativet

Transparent bakgrund i IE OCH Mozilla

HTML & CSSur HTML, XHTML & CSS

0 svar · 353 visningar · startad av mantralord

Medlem sedan sep. 200711 inlägg
Frågan#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?

130 ms totalt · 3 externa anrop · v20260731065814-full.55e59744
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
126 ms — hämta tråd, inlägg och bilagor (db)