Hallo zusammen,

mit CSS 3 ist es ja möglich Schatten einzufügen. Ich habe dies bereits erfolgreich für den FireFox hinbekommen.

HTML-Code:

#menu {-moz-box-shadow: 5px 5px 10px #000000;}

Für Webkit und Gecko Browser gibt es ja folgende Notation:

HTML-Code:

-webkit-box-shadow: 5px 5px 5px #ccc;    box-shadow: 5px 5px 5px #ccc; 

Kann man eigentlich es so gestalten, das geprüft wird mit welchem Browser eine Site aufgerufen wird und dann eben entsprechend

-webkit-box-shadow: 5px 5px 5px #ccc;

oder

box-shadow: 5px 5px 5px #ccc;

oder

-moz-box-shadow: 5px 5px 10px #000000;

verwenden?

Oder gar eine Notation so dass es egentlich egal ist?

Nicht ohne weiteres, aber die anderen Browser stören sich ja nicht an den Eigenschaften und ignorieren sie einfach.

Es ist also üblich einfach alle proprietären Eigenschaften hin-zuschreiben.

Beispiel Youtube:
http://s.ytimg.com/yt/cssbin/www-core-vflJDRXDW.css

Code css:

1	.yt-rounded{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}

Wobei dort -khtml fehlt.

Okay,

dann wäre also folgendes machbar:

HTML-Code:

#menu {-moz-box-shadow: 5px 5px 10px #000000; -webkit-box-shadow: 5px 5px 10px #000000; box-shadow: 5px 5px 10px #000000; -khtml-box-shadow: 5px 5px 10px #000000;}

?

Ja, ohne weiteres.