Transparentes Bild in IE und FIREFOX

BuddyHu · **Verfasst:** 12.11.2006 23:28

Moin,

ich möchte ein Bild auf eine HTML-Seite per css formatieren.
Das Bild wurde mit einem transparenten Hintergrund gespeichert. Im Firefox wird das Bild auch korrekt angezeit. Leider erscheint der transparente Anteil im Internet Explorer (Version 6) grau.

Code:

#navi {
   background-image: url(../img/main/holz.jpg);
   background-repeat: no-repeat;
   width: 780px;
   height: 137px;
   font-size: 10px;
   font-family: Arial, Helvetica, sans-serif;
}

#navi img {
   padding: 20px 0 0 15px;
}

holz.jpg ist das Hintergrundbild der Navi-Leiste.

Im HTML-Code habe ich noch per <img>-Tag ein Bild eingefügt,"navi-logo.png", welches sich <div id="navi"> befindet.

Liegt das vielleicht daran, dass der ie probleme mit dem png-Format hat ?

Ich habe leider Vorschriften, genau diese Datei zu verwenden

Hat jemand ne hilfreiche Idee ?

P.S. : Ich habe mir das mit der Filterfunktion angeschaut

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='alphatransparency.png', sizingMethod='scale')

Aber da ist ja das Problem das dann wieder der Firefox das Bild nicht findet

JMD · **Verfasst:** 13.11.2006 07:36

Ich arbeite, was Transparenz angeht, nur mit .GIFs. Denn der IE verarbeitet transparente PNGs nicht fehlerfrei - wie du ja feststellen musstest. Ich finde auch keine andere Möglichkeit, als die die du nanntest; bleibt nur das ins .GIF zu packen?!

BuddyHu · **Verfasst:** 13.11.2006 12:18

Ist glaub ich auch wohl die einzige Möglichkeit (leider). Falls ich was finde poste ich das auch. Zur Zeit verwende ich einfach ein gif. Ist aber nicht die Lösung, wenn png vorgeschrieben ist

Schlummi · **Verfasst:** 13.11.2006 22:45

hat der IE7 noch das gleiche Problem?

BuddyHu · **Verfasst:** 14.11.2006 01:40

Angeblich solls bei dem IE 7 behoben sein....