Farbiger Hintergrund bei position:absolute
lorenz23
- css
-1 yetanotheruser0 Thomas
0 Ashura- software
0 Ashura
0 Hopsel
ich will auf meiner Seite ein PNG Bild mit transparenten Bereichen so einfügen, dass es auf oberster Ebene liegt. Als Code habe ich dafür verwendet:
.logo {
position:absolute;
z-index:1;
left:25px;
top:10px;
}
Beim testen musste ich allerdings feststellen, dass das Bild in Opera und Mozilla korrekt dargestellt wird, im IE allerdings werden die transparenten Bereiche durch einen lila Hintergrund ersetzt. Kann mir jemand mitteilen woran das liegt und ob es dafür eine Lösung gibt.
IE kennt keine Transparenzen bei PNG.
Lösungen gabs glaub ich welche durch einsatz von Filtern und ActiveX, aber da denke ich wird einer der Pros hier sicher eine gute Lösung haben.
Gruß Ben
IE kennt keine Transparenzen bei PNG.
Ich würds einfach als transparentes GIF abspeichern, sollten dann alle Browser kennen.
Liebe Grüße
Thomas
Hallo lorenz23.
Beim testen musste ich allerdings feststellen, dass das Bild in Opera und Mozilla korrekt dargestellt wird, im IE allerdings werden die transparenten Bereiche durch einen lila Hintergrund ersetzt. Kann mir jemand mitteilen woran das liegt und ob es dafür eine Lösung gibt.
Ja: wähle in deinem Grafikprogramm eine passendere Hintergrundfarbe. Der IE stellt die in PNG-Grafiken mitgespeicherte Hintergrundfarbe an Stelle von alphatransparenten Bereichen dar.
In meinem Beispiel habe ich beispielsweise blau gewählt.
Einen schönen Mittwoch noch.
Gruß, Ashura
Hallo Gunnar™.
In meinem Beispiel habe ich beispielsweise blau gewählt.
Ich schreibe mir bald eine Regel für mein User-JS.
Einen schönen Mittwoch noch.
Gruß, Ashura
Hi lorenz23!
Kann mir jemand mitteilen woran das liegt und ob es dafür eine Lösung gibt.
Der Internet Explorer ist nicht in der Lage die Alphatranzparenz des PNG-Dateiformats richtig darzustellen. Abhilfe gibt es nicht nur im Archiv. Du wärst auch bei Google ziemlich schnell fündig geworden.
MfG H☼psel