Wenn man ein DIV mit einem Schlagschatten hinterlegen will gibt es immer wieder Kompartibilitätsprobleme mit verschiedenen Browsern. Hier stelle ich eine äußerst flexible lösung vor die bereits in den folgenden Browsern funktioniert:
- Firefox 3.5+
- Safari 3+
- Google Chrome
- Opera 10.50
- Internet Explorer 5.5
Hier der Quelltext:
.shadow {
-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
Eingebaut sieht das ganze nun so aus:
TEST TEST TEST
