XHTMLforum - alpha-transparente PNG im Internet Explorer

XHTMLforum (http://xhtmlforum.de/index.php)

- Knowledge Base (http://xhtmlforum.de/forumdisplay.php?f=79)

- - alpha-transparente PNG im Internet Explorer (http://xhtmlforum.de/showthread.php?t=38860)

Also ich kriege es auch weiterhin nicht hin. Mir wird wohl nur noch bleiben dass ich mit ner Browserweiche arbeite. Somit siehts halt im IE nimmer so toll aus. Was solls, ich schreib die Seite nommel neu vielleicht wirds dann was.

Sonst hat keiner mehr ne idee wie ich den Hintergrund anders Transparent hinbekomme. Weil mit Gif wird es nur so komisch halb transparent da is alles voll verpixelt dann ... ich dreh durch :(

Schnubbi, bitte poste doch deine Frage mal im CSS forum und nicht in der knowledge base.

Eigentlich sollten in der Knowledge base wegweisende Lösungen aufgehoben werden. Über die Zeit werden sehr viele die Knowledge base durchstöbern und alle werden von deiner Verzweiflung lesen.

Generelle Lösungsansätze, die nicht funktionierende Links auf alphaimageloader-PNGs im IE betreffen, kannst du z.B. hier finden.

Zitat:

Zitat von schnubbi

...Das DIV ist ja in dem TD welches als Hintergrund ein Transparentes PNG haben soll damit man noch den Seitenhintergrund sieht. Es funktioniert soweit überall nur im Internetexplorer passiert folgendes. Wenn ich den Alpha Image Loader in meiner CSS datei integriert habe dann schaut die Seite genau so aus wie sie soll, jedoch kann man in dem DIV nicht mehr Scrollen...

(keine ahnung, ob ihr schon irgendwo auf eine lösung gekommen seit, hab's gerade entdeckt...)
der elende alpha image loader killt offenbar alle links und ähnliches in dem betreffenden container. ich habe das problem seinerzeit ™ gelöst, indem ich das gewünschte hintergrundbild in ein div mit z-index a gelegt (mit filter kram für IE und ohne für andere) und den text/inhalt in ein gleichpositioniertes div mit z-index >a gestellt habe. dann funktionieren alle sachen im div mit z-index >a .
das hat nebenbei auch noch den vorteil, dass beim "browserweichen" nur das div mit z-index a für IE/ail definiert werden muss
gruß Frank
PS: sehe gerade: der link von IChao geht einen ähnliche weg
PS2: ...ich dachte, IE7 kann jetzt PNG mit transparenzen ohne AIL? (lief bei mir mit einer beta ?.? zumindest...)

Wenn ich richtig verstanden habe, positionierst du beides, den Filter und die Ebene mit den Links. Ich denke auch, dass das gehen sollte, und erwähne das auch kurz.

Der Weg, den ich eigentlich vorschlage, ist, den Filter nicht zu positionieren.

Dazu wird der Filter nach innen verlegt: Der Container ist positioniert, innen kommt dann eine Ebene mit einem Filter, dann kommt eine Ebene mit den Links.

Wie auch immer, das zu umgehende Problem ist, dass man keinen Container mit einem Filter drauf positionieren kann, da die Links innerhalb des Containers dann nicht mehr funktionieren.

Das Interessante an dem Problem ist ja, dass sich dieses Mausereignis auf dem Link überhaupt nicht an das Stacking hält. Selbst wenn der Link einen eigenen Hintergrund bekommt, der das PNG vollständig überdeckt: der Link geht immer noch nicht, nur auf Bereichen, wo das darunterliegende PNG vollständig transparent ist.

zu PS2: ja, IE7 kann alpha channel PNGs. Die Krux ist, dass jeder nun auch Transparenz im IE6 haben will.

Zitat:

Zitat von IChao

Wenn ich richtig verstanden habe, positionierst du beides, den Filter und die Ebene mit den Links. Ich denke auch, dass das gehen sollte, und erwähne das auch kurz.

...ja, so mache/meinte ich das :)

Zitat:

Zitat von IChao

Wie auch immer, das zu umgehende Problem ist, dass man keinen Container mit einem Filter drauf positionieren kann, da die Links innerhalb des Containers dann nicht mehr funktionieren.

...eben M$-grütze, immerhin scheinen die es ja inzwischen kapiert zu haben... man kann den IE6 usern ja auch nen transparentes GIF als Alternative anbieten und ihnen sagen, dass sie nen dumm-browser fahren;), aber bei vielen Seiten ist eben kein Prophetentum angesagt ....

Zitat:

Zitat von IChao

zu PS2: ja, IE7 kann alpha channel PNGs. Die Krux ist, dass jeder nun auch Transparenz im IE6 haben will.

...ich wollte die schon länger (MacUser :) ) und finde den Weg mit den zwei Ebenen relativ gangbar, auch wenn da eventuell noch andere bugs von IE6 warten, eine absolute Position ist ja bei denen auch keine echte absolute Position....

Ich möchte auch ein Bild in den Hintergrund eines Divs legen, doch leider wird es erst gar nicht angezeigt (ja es ist der richtige Pfad).

Hab ich das richtig verstanden das das hier genügen sollte? Es geht jedenfalls noch nicht. :(

Code:

#footer{

        background-image:none;

        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='footer_bg.png');

        position:relative;

}

Der Codeteil steckt in einer zweiten CSS Datei die extra für den IE via conditional comments nach der korrekten CSS Datei geladen wird.

Nein, das genügt nicht. Was hat deine Frage in der Knowledge Base verloren? Lies den Link in Posting#23, in diesem Thread. Falls noch Fragen bleiben, dann bitte im CSS Forum.

Edit: Siehe auch Beitrag #31 in diesem Thread

Zitat:

Zitat von IChao

Nein, das genügt nicht. Was hat deine Frage in der Knowledge Base verloren?

Und was fehlt noch...?

Gegenfrage: Was haben die anderen ähnlichen Fragen dann hier in dem Thread verloren?

Edit: Siehe Beitrag #31