CSS-Technik
CSS-Technik
Ich habe auf diesen Seiten teilweise CSS3 – Technik verwendet, die allerdings noch nicht von allen Browsern umgesetzt wird.
Firefox 3, Chrome und Safari, sowie der neue Opera und der Seamonkey setzen die CSS3 – Technik zum größten Teil um, IExplorer und Konqueror nicht oder noch nicht oder nur teilweise, obwohl ich, wie in dem CSS – Schnipsel weiter unten zu sehen ist, auch für die Browser Opera (-o) und Konqueror (-khtml) entsprechende Namensräume verwendet habe.
Ich habe hier abgerundete Ecken (border-radius) genutzt und Schatten (box-shadow) genutzt.
-moz-border-radius: 12px;
-webkit-border-radius-: 12px; -khtml-border-radius-: 12px;
-o-border-radius-: 12px;
border-radius: 12px;
-moz-box-shadow: -3px -3px 10px black, 3px 3px 10px white;
-webkit-box-shadow: -3px -3px 10px black, 3px 3px 10px white;
-khtml-box-shadow: -3px -3px 10px black, 3px 3px 10px white;
-o-box-shadow: -3px -3px 10px black, 3px 3px 10px white;
box-shadow: -3px -3px 10px black, 3px 3px 10px white;
Hinsichtlich CSS 3 gibt es weitere Neuerungen, wie Textschatten (text–shadow), Farbverläufe (gradient) oder das Einbetten von browserfremden Schriften (font–face)
Weshalb auch die moderne Browser wie der Konqueror trotz der Verwendung der namespaces CSS 3 noch nicht umsetzen, ist mir z.Zt. (Feb. 2010) noch nicht klar.
Dass Microsoft seinen Internet Explorer jetzt nicht und wahrscheinlich nimmer CSS3–kompatibel liefert, wundert wohl niemanden mehr.
Die hier beschriebenen CSS3-Stile sind noch nicht valide im Sinne des W3C (World Wide Web Consortium).