Shadow on the wall - Browser testen

[Tim Tepaße]

Hallo Heiko,

<div style="position:absolute; color:#CCCCCC; z-index:2;">Text wirft Schatten</div>
<div style="position:relative; top:-3px; left:-3px; z-index:3;">Text wirft Schatten.</div>

Optisch ist das ganze natürlich recht nett, aber in der Praxis würde ich es so nie verwenden. Es ist redundant, sprich die Information steht zweimal da. Man stelle sich jetzt den Blinden vor, der die Seite mittels Braillé-Zeile liest und sich wundert, ob der Seitenersteller an einer Art Satz-Stottern leidet. ;-)

Und in der Praxis passiert natürlich folgendes:

Doch leider funktioniert dies nicht in jeder Kombination mit anderen HTML-Blockelementen. :-(

Du sagst es. :-)

Microsoft hatte natürlich zum Thema ein eigenes Süppchen gekocht:
<p style="width:100%; filter:Shadow(color=#999999, direction=135)">Text wirft Schatten</p>

Wobei ich die Microsoft-Lösung Deiner zumindest in dem Punkt für überlegen halte, daß die Redundanz wegfällt. Das Konzept ist besser. Aber wie leider immer in der praktischen Ausführung rennt Microsoft am Standard vorbei und bastelt einen Stand-Art.

Denn schließlich ist sowas in CSS2 schon vergesehen, nur habe ich es noch nirgendwo implementiert gesehen. Also weiter warten.

http://selfhtml.teamone.de/css/eigenschaften/schrift.htm#text_shadow

[... Beispielcode ...]

Dies kommt wohl einer praktikablen Lösung nahe. [...]

Nein.

Nachteil: Bei Textbrowsern (z.B. Lynx) oder anderen Browsern, die gar kein CSS verstehen, würde der Schattentext zweimal zu lesen sein. Entweder nimmt man diesen Schönheitsfehler hin, ...

Das ist für mich leider kein Schönheitsfehler.
Also weiter warten auf CSS2.

• Tim

PS: Dein Beispiel funkioniert auch bei mir im Mozilla 1.1.