Artikel: Teiltransparente Bereiche

Ein neuer Artikel befaßt sich mit verschiedenen Möglichkeiten teiltransparente Bereiche mit HTML, CSS und Grafiken umzusetzen. Vier dieser Möglichkeiten zeigt der Artikel auf und informiert über die Vor- und Nachteile der jeweiligen Methode.
von Götz Bürkle
veröffentlicht am 17.09.2006, 01:35 Uhr
SELFHTML

Teiltransparente Bereiche ermöglichen bei der Gestaltung von Webseiten viele interessante Effekte.
Ulrich-Markus Fritz hat sich des Themas angenommen und im Bereich (Web-)Design einen Artikel mit dem Titel Teiltransparente Bereiche geschrieben.

Er geht dabei auf die Vor- und Nachteile folgender Methoden ein:

Teiltransparenz mittels einer GIF-Grafik
Teiltransparenz mit opacity
Simulierte Teiltransparenz
Teiltransparenz mittels einer PNG-Grafik

Kommentare

Kommentare dieses Eintrags als RSS-Feed oder Atom-Feed abonnieren.

1
Mathias Brodala, http://noctus.net, 17.09.2006, 11:30 Uhr

Ein einfach nützlicher Artikel, sehr gut!
2
Martin, http://geckoblaster.de, 17.09.2006, 22:41 Uhr

Den gleichen Effekt wie mit der GIF-Grafik kann man übrigens auch mit PNG erzielen, mit dem Vorteil, dass PNG üblicherweise auch noch besser komprimiert. Einzig für Animation bräuchte man derzeit noch GIF, aber wenn der Text lesbar bleiben soll, kommt das hier wohl eh nicht in Frage.
3
Boris, http://www.dyingeyes.de, 18.09.2006, 14:33 Uhr

Seltsamerweise hat mein Firefox bei der PNG-Variante erhebliche Mühe, die Seite glatt und ordentlich zu scrollen. Das geht nur noch mit starkem Geruckel.
4
Andy, 18.09.2006, 16:26 Uhr

@Boris Das Problem mit dem scrollen hatte ich auch mal. Es liegt an der Komprimierung der PNG-Grafik als Hintergrundbild. Wenn man diese nicht so grass komprimiert hört das ruckeln im Firefox auch auf.
5
Martin, http://geckoblaster.de, 19.09.2006, 04:45 Uhr

Klingt nach Bug 64401. Bei mir ruckelt’s allerdings nicht.
6
Joey, 05.10.2006, 12:51 Uhr

wär so eine darstellung auch über jpg möglich?
7
Orlando, http://aktuell.de.selfhtml.org/weblog/, 05.10.2006, 18:50 Uhr

Joey, das JPG-Format erlaubt keinerlei Transparenz. Du könntest allenfalls einen Teil der Grafik heller gestalten und den Effekt damit nachahmen. Das funktioniert natürlich nur bei Bildern, die sich mit dem Hintergrund mitbewegen.

Kommentare geschlossen. Sie können den Autor weiterhin unter goetz@selfhtml.org erreichen.