Homepage selbermachen 7.852 Themen, 35.619 Beiträge

Verfolgung starten Optionen

Teiltransparente Grafiken erzeugen?

Silent Bob / 6 Antworten / Baumansicht Nickles

Hallo,

ich denke ich poste meine Frage hier, hoffe das ist korrekt:

Ich würde gerne eine Teiltransparente Grafik erstellen, um sie auf
einer Webseite so zu platzieren, dass eine dahinterliegende Grafik
hindurchscheint.

Ist sowas Möglich? GIF Dateien unterscheiden soweit ich weiss nur zwischen transparent und nicht transparent. Schönere Effekte würde man erzielen, wenn diese Grafiken auch z.B. im Web einen transparente Verlauf erhalten würden.

Versteht ihr wie ich das meine?

Ist sowas machbar?

bei Antwort benachrichtigen
Borlander Silent Bob „Teiltransparente Grafiken erzeugen?“
Optionen
Ist sowas machbar?
Ja, mit PNG :-)
Allerdings bringt der IE nach wie vor keinen Support für PNGs mit Alpha-Kanal mit - erscheint dann nicht transparent :-(

Evtl. alternativen:
Transparenzs dithern - sieht bei hohem Kontrast zum Hinterrgrundbild natürlich bescheiden aus...
Dem IE mittels dessen Spezialkommentaren noch eine CSS-Datei mit Ersatz durch eine entschärfte Bildversion hinterherschicken...


Gruß
Borlander
bei Antwort benachrichtigen
Silent Bob Borlander „ Ja, mit PNG :- Allerdings bringt der IE nach wie vor keinen Support für PNGs...“
Optionen

hm, tatsächlich. eine von mir erzeugte png grafik wird im firefox super dargestellt, aber im ie siehts absolut grausam aus.

ne du, solange die browser da nicht auf einem stand sind, lasse ich das lieber. so wichtig ist das nicht.

danke

bei Antwort benachrichtigen
laola1 Silent Bob „hm, tatsächlich. eine von mir erzeugte png grafik wird im firefox super...“
Optionen

Mittels Javascript laesst sich das Problem beim IE umgehen. Ist zwar von hinten durch die Brust ins Auge aber sieht passabel aus. Wer natuerlich IE ohne JS faehrt sieht nur die

bei Antwort benachrichtigen
Borlander laola1 „Mittels Javascript laesst sich das Problem beim IE umgehen. Ist zwar von hinten...“
Optionen

Und wie bekommt man mit JS teiltranparenz hin?

bei Antwort benachrichtigen
laola1 Borlander „Und wie bekommt man mit JS teiltranparenz hin?“
Optionen

Das Javascript ruestet den Alphachannel-Support fuer PNG nach, der Rest duerfte sich von selbst ergeben, einfach nen Alpha-Verlauf uebers Bild legen und fertig...

Der eigentliche Trick ist, den Alphafilter aus DirectX zu benutzen um das Image zur Laufzeit entsprechend zu filtern. Ich bin jetzt gerade zu faul, rauszusuchen wie man hier Codeschnipsel posten kann ohne dass der Filter alles wegbuegelt, helf mir mal jemand ;)

bei Antwort benachrichtigen
Borlander laola1 „Das Javascript ruestet den Alphachannel-Support fuer PNG nach, der Rest duerfte...“
Optionen

HTML-Tags Posten → einfach < und > durch ihre Entitäten &lt; und &gt; ersetzen, dann sollte es laufen. Am besten in PRE-Tag einschließen um die Whitespaces zu erhalten...

Alphafilter von DirectX hört sich allerdings schon ein wenig nach Einsatz von ActiveX an - den sollte man als verantworlicher User aus Sicherheitsgründen allerdings abstellen.

bei Antwort benachrichtigen