[TYPO3-german] CSS3 und Schatten

[Bernhard Ludwig]

Am 03.08.2012 um 18:24 schrieb Björn Hahnefeld:

> Hallo Bernhard,
> 
> leider nicht, denn es tut sich dann gar nichts :(:
> 
> ..
> #page {
> 	width:981px;
> 	min-height:400px;
> 	margin:0 auto;
> 
> 	background-color:#ffffff;
> 	padding:12px;
> 
>  -moz-box-shadow: 5px 5px 5px #e2e2e2; /* FF3.5+ */
>  -webkit-box-shadow: 5px 5px 5px #e2e2e2;/*Saf3+, Chr*/
>  box-shadow: 5px 5px 5px #e2e2e2; /*Op10.5, IE 9, FF4*/
>  filter:progid:DXImageTransform.Microsoft.Shadow (color=#e2e2e2, Direction=135, Strength=5); /* IE6-7 */
>  -ms-filter:"progid:DXImageTransform.Microsoft.Shadow (color=#e2e2e2, Direction=135, Strength=5)"; /* IE8 */
>  zoom:1; /* trigger hasLayout */
> 
>  box-shadow: 8px 0px 8px black,
>               -8px 0px 8px black,
> 
> }
> ..
> 
> Viele Grüße
> 
> Björn
> 

Hallo Björn,

da hat sich noch ein Fehler eingeschlichen, sorry. Nimm diesen Schnipsel:

box-shadow: 1px 1px 5px #c5c5c5, -1px -1px 5px #c5c5c5;

Damit wird es funktionieren, hab es selbst so verwendet. Musst Du noch bei moz, webkit, etc. ergänzen für die anderen Browser. Und nimm doch zunächst auch alles raus, was stören könnte. Außerdem hast Du in Deinem Quelltest 2 box-shadow drin. Das tut so nicht gut.

Viele Grüße,
Bernhard Ludwig