 Schlagschatten
Hier spreche ich nicht von einem CSS-Filter für eine transparente Grafik wie: filter:Shadow(). Das kann zur Zeit nur der IE. nein ich lege 2 Texte übereinamīnder, leicht versetzt, so dass das wie ein Schatten aussieht.
Beispiel hier : Position x = 160 px und y = 200 px
Wenn die üblichen HTML-Befehle nicht ausreichen hilft dieser Befehl zur direkten Positionierung eines Textes. Vorteil: Punktgenaue Positionierung.
Diese beiden Texte lege ich mit dem CSS-Befehl beinahe übereinander:
Schattenschriftzug
Schattenschriftzug
1. Möglichkeit:
HEAD-Bereich:
ID festlegen, Position und Formatierung bestimmen
<style type="text/css">
<!--
#Text2 {
POSITION: absolute;
Z-INDEX: 2;
top:202px;
left:160px;
font-family: Arial,Helvetica;
font-size: 40px;
color: #FFDF00;
};
#Text1 {
POSITION: absolute;
Z-INDEX: 1;
top:200px;
left:161px;
font-family: Arial,Helvetica;
font-size: 40px;
color: #8F8F8F;
};
-->
</style>
im Body:
<DIV ID="Text1">Schattenschriftzug</DIV>
<DIV ID="Text2">Schattenschriftzug</DIV>
2. Möglichkeit:
im HEAD-Bereich
ID festlegen und Position bestimmen
<style type="text/css">
<!--
#Text2 {POSITION: absolute; Z-INDEX: 2; top:202px; left:130px;}
#Text1 {POSITION: absolute; Z-INDEX: 1; top:200px; left:132px;}
-->
</style>
im Body:
Aufruf und zusätzliche Formatierungsbefehle
<DIV ID="Text1">
<h1><Font Color="#FFDF00">
Schattenschriftzug
</FONT></h1>
</DIV>
<DIV ID="Text2">
<h1><Font Color="#8F8F8F">
Schattenschriftzug
</FONT></h1>
</DIV>
| 
HOME
ZURÜCK