XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   png transparenter verlauf, gesamte transp. mit css definieren? (http://xhtmlforum.de/showthread.php?t=47051)

mudsflapp 26.07.2007 12:50

png transparenter verlauf, gesamte transp. mit css definieren?
 
Heei,

Ich habe folgendes Problem:

Wir nutzen ein PNG-Bild das ins Transparente verläuft (Links Grau, nach Rechts ins Transparente verlaufend).
Die Transparenz eines PNG-Bildes per "filter:alpha(opacity=XX); / -moz-opacity:XX; / opacity:XX%;" definieren zu können ist mir klar.
Das Problem hierbei besteht darin, dass der Transparente Verlauf ignoriert wird, und kein Verlauf mehr sichbar ist, sobald man die CSS-Transparenz-Eigenschaften, wie oben beschrieben, nutzt.

Ich habe dieses Problem nirgends Dokumentiert aufgefunden.
Normalerweise würde man dies ja direkt das PNG mit Photshop bearbeiten, für schnelle Änderungen, denke ich, ist dies aber Zeitsparender.

Hat da jemand 'ne Lösung, für den ie7 z.b. (ohne js)?

-> vielen dank, für deine zeit und das du mein Problem durchgelesen hast

MFG
mudsflapp

laborix 26.07.2007 13:12

Zitat:

Zitat von mudsflapp (Beitrag 342671)
Hat da jemand 'ne Lösung, für den ie7 z.b. (ohne js)?

Ich weiss nicht, ob ich das Problem richtig verstanden habe.

Der IE 7 kann normale Transparenz und Alpha Kanal Transparenz mit "Bordmitteln". Also verhält er sich so, wie das andere Browser schon lange können.

Wird im Code mit CC für den IE gearbeitet, so sollte das dann auch an den IE7 entsprechend angepasst werden oder man schliesst den IE7 aus den CC aus. Ist aber, glaube ich, im PNG Alpha Kanal Thread hier im Forum beschrieben.

mudsflapp 30.07.2007 10:58

Danke für deine Antwort. (Was meinst du mit CC?)
Ich habe drei Beispiel Dateien hochgeladen, welches das Problem besser aufzeigen soll.

transparenz/v1.html
Hier wurde keine Transparenz für das unterste Bild festgelegt.
Gibt auch keine Fehler.

transparenz/v2.html
Hier wurde die Transparenz des untersten Bildes auf 40% gesetzt. Wie man sieht wurden die 100% Transparenten Bereiche, des png Bildes, ein Transparentes Weiss, also wurde die Transparenz des png-Bildes nicht übernommen.
!Dieses Problem tritt bei mir dann auf, wenn Transparente Verläufe genutzt werden.

transparenz/v3.html
In diesem Beispiel wurde die Transparenz auf 95% gesetzt. Wie man sieht wurde die Transparente Fläche weiss.
!Das gleiche Problem ebenfalls hier.

Ist dies irgendwie behebbar? So das die Transparente Fläche des png's, beim setzen, per css, des Transparenz nicht weiss wird?

Freundliche Grüsse
mudsflapp

laborix 30.07.2007 14:36

Zitat:

Zitat von mudsflapp (Beitrag 343199)
Danke für deine Antwort. (Was meinst du mit CC?)

Conditional Comments.

Zitat:

Zitat von mudsflapp (Beitrag 343199)
Ist dies irgendwie behebbar? So das die Transparente Fläche des png's, beim setzen, per css, des Transparenz nicht weiss wird?

Wenn ich das richtig interpretiere, dan machst du die Transparenz mit CSS und nicht mit der Transparenz der PNGs. Mit einem Grafikprogramm (z. B. Gimp) kannst du die Deckkraft der PNG-Grafik Transparenz sehr genau einstellen.

Des Rätsels Lösung scheint hier der fehlende Support der CSS3-Funktion zu sein. Lies das hier mal:
-moz-opacity: Mozilla: Transparenz: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

Eventuell hilft dir das :)


Alle Zeitangaben in WEZ +2. Es ist jetzt 20:01 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2020, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2019