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?