IE "zu blöd"?

[mille]

Hallo!

Ich habe ein Problem, genauer den IE.
Nehmen wir an wir hätten ein Bild welches einfach nur ein Rechteck darstellt und darin befindet scih ein schwarzer balken der sich von links nach rechts langsam ausfadet. Sprich von untransparent über semitransparent bishin zu vollständiger transparent alles bietet.

Um dieses Bild mit den schönen Transparenzeffekten nutzen zu können, bleibt die Möglichlkeit des PNG Formats.
Nehmen wir dieses Bild und fügen das in eine html ein, die einen nicht-weissen und nicht-schwarezn Hintergrund hat, so stellt der Firefox, der Netscape als auch der Opera diesen schönen Effekt prima dar.
Nur der gute IE, der akzeptiert diese semi/voll-Transparenz nicht und nimmt stattdessen irgendeine Hintergrundfarbe.

Wieso? Wie kann ich das ändern? Leider (!!) ist der IE ja immer noch der meistgenutzte Browser.

PS: es ist NICHT!! möglich das Bild ohne Transparenz zu speichern und statt dessen den Hintergrund einfach mit in das Bild hineinzukopieren, da der Hintergrund der betreffenden Seite nicht nur einfarbig ist.

MfG

 

[hpvw]

Versuchs doch mal mit (ie png transparent).

Gruß hpvw

 

[mille]

Danke!

Das ich auf diese Idee nicht gekommen bin *g*
ICh werd mit die PNG Bevavior ziehen und nutzen =).

MfG

 

[mille]

Arg, ich hab eine ganz wichtige Information vergessen!

Ich füge ja kein Bild via <img src=bild.png> ein, sondern habe ein Div bei dem mein PNG im Hintergrund liegt.
Besagtes DIV liegt aber wiederum über dem eigentlcihen hintergrund, weshalb die Transparenz wichtig ist.

Auch habe ich versucht den behavior von WebFX auf das DIV anzuwenden, das funktioniert aber nicht so recht.

 

[Sven Mintel]

Versuchs mal so:

<style type="text/css">
<!--
div[id="dasDiv"]{
background-image:url(bild.png);
}
-->
</style>

<!--[if gte IE 5]>
<style type="text/css">
#dasDiv{
width:100%;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bild.png');
}
</style>
<![endif]-->

Wichtig dabei: die width-Angabe für den IE(kannst natürlich auch height angeben)...damit die Filter des IE funktionieren, muss ihm zuvor die Grösse des betreffenden Elementes bekant sein.

 

[mille]

Hallo!

Danke Sven, leider hilft das nicht.
Ich habe das kleine Skriptum eingefügt. Auch hat sich was verändert, aber dennoch sieht das so aus .
Weisst du oder jmd. anders noch ne andere Lösung?

 

[C-H]

Hallo!

Soweit ich weiss, kann der IE noch nicht mit transparenten *.pngs umgehen. Das soll erst mit dem IE7 unterstützt werden.

Muss es denn wirklich transparent sein? Wenn das Bild im DIV als Hintergrund liegt, kannst du dann nicht einfach von der Hintergrundfarbe der Seite in die gewünschte Farbe überblenden (einfacher Farbverlauf)?

Poste mal ein Bild wie es aussehen soll.

 

[Maik]

Ich füge ja kein Bild via <img src=bild.png> ein, sondern habe ein Div bei dem mein PNG im Hintergrund liegt.
Besagtes DIV liegt aber wiederum über dem eigentlcihen hintergrund, weshalb die Transparenz wichtig ist.

Auch habe ich versucht den behavior von WebFX auf das DIV anzuwenden, das funktioniert aber nicht so recht.

Der Thread ist zwar schon über 2 Monate alt, aber lieber spät als nie

Vielleicht hilft dir das Demo IE PNG Alpha Fix Demonstration weiter, das auch auf eine Hintergrundgrafik (background-image) angewendet wird.