Quelle: selfhtml (epmfehlenwertes turtorial)
Vordergrund/Hintergrund verschmelzen - filter:Alpha()
Mit diesem Filter können Sie Vordergrundelemente mit Hintergrundelementen farblich verschmelzen. Der Filter erlaubt verschiedene Möglichkeiten, wie ein Vordergrundelement aus seinem Hintergrund "heraustreten" kann.
Beispiel (Style-Sheet-Definition für HTML-Tag im Text):
Code:
<p style="background-image:url(back.jpg); padding:10pt;" align=center>
<img src="xdance1.gif" style="filter:Alpha(opacity=100, finishopacity=0, style=2)"
width=247 height=383>
</p>
Erläuterung:
Mit Alpha(): können Sie Vordergrundelemente und Hintergrundelemente ineinander verschmelzen. Geeignet ist der Filter z.B. für Grafiken, die auf Hintergrundgrafiken erscheinen. Dieser Filter erwartet folgende Parameter:
opacity=
Deckgrad am Urpsrung der Verschmelzung. Erlaubt sind Werte zwischen 0 und 100. Wert 0 bedeutet: vollkommen transparent (Hintergrund scheint voll durch), Wert 100 bedeutet: vollkommen abdeckend (Hintergrund scheint nicht durch).
finishopacity=
Deckgrad am Ende der Verschmelzung. Erlaubt sind Werte zwischen 0 und 100. Wert 0 bedeutet: vollkommen transparent (Hintergrund scheint voll durch), Wert 100 bedeutet: vollkommen abdeckend (Hintergrund scheint nicht durch).
style=
Art, in der der Filter wirkt. Erlaubt sind die Werte 0, 1, 2 und 3.
0 bedeutet: Hintergrund und Vordergrund werden farblich addiert. Das Vordergrundelement wird farblich entsprechend manipuliert. Keine Verschmelzung. Angaben zu den anderen Parametern sind in diesem Fall nicht erforderlich, d.h. Alpha(style=0) genügt.
1 bedeutet: linearer Verlauf von einem selbst definierbaren Anfangspunkt zu einem selbst definierbaren Endpunkt. Am Anfangspunkt gilt der Wert, der bei opacity= angegeben wird. Ab dem Endpunkt verliert der Wert für opacity= seinen Einfluß, und der Wert für finishopacity= dominiert. Den Anfangspunkt bestimmen Sie durch startx= und starty=, den Endpunkt durch finishx= und finishy=.
2 bedeutet: radialer (elliptischer) Verlauf von innen nach außen. Ganz innen gilt der angegebene Wert für opacity=, ganz außen der angegebene Wert für finishopacity=. In diesem Fall können Sie Angaben zu startx=, starty=, finishx= und finishy= weglassen, so wie im obigen Beispiel.
3 bedeutet: rechteckiger Verlauf von innen nach außen. Ganz innen gilt der angegebene Wert für opacity=, ganz außen der angegebene Wert für finishopacity=. In diesem Fall können Sie Angaben zu startx=, starty=, finishx= und finishy= weglassen, so wie im obigen Beispiel.
startx=
Anfangspunkt in Pixel horizontal vom linken Rand des Vordergrundelements. Nur in Verbindung mit style=1 von Bedeutung.
starty=
Anfangspunkt in Pixel vertikal vom oberen Rand des Vordergrundelements. Nur in Verbindung mit style=1 von Bedeutung.
finishx=
Endpunkt in Pixel horizontal vom linken Rand des Vordergrundelements. Nur in Verbindung mit style=1 von Bedeutung.
finishy=
Endpunkt in Pixel vertikal vom oberen Rand des Vordergrundelements. Nur in Verbindung mit style=1 von Bedeutung.
