Mit
--
#page {
width:981px;
min-height:400px;
margin:0 auto;
background-color:#ffffff;
padding:12px;
box-shadow:
0px 0px 0px 5px rgba( 255,255,255,0.6 ),
0px 4px 20px rgba( 0,0,0,0.33 );
--
erscheint ein mehr recht als schlecht aussehender Schatten. Allerdings nicht
nur links und rechts, sondern auch oben. Und da soll eben keiner erscheinen...
;(
Viele Grüße
Björn
-----Ursprüngliche Nachricht-----
Von: [email protected]
[mailto:[email protected]] Im Auftrag von Bernhard Ludwig
Gesendet: Samstag, 4. August 2012 12:07
An: German TYPO3 Userlist
Betreff: Re: [TYPO3-german] CSS3 und Schatten
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
_______________________________________________
TYPO3-german mailing list
[email protected]
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
_______________________________________________
TYPO3-german mailing list
[email protected]
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
