[TYPO3-german] CSS3 und Schatten

[HC-Media]

Um sich sämtliche prefixes für diverse Browser zu ersparen, kann ich das kleine JS "prefixfree" empfehlen.

Ihr schreibt lediglich den CSS3 Tag und je nach Browser wird der prefix mittels JS on the fly erstellt...

http://leaverou.github.com/prefixfree/


Lg Christof 

Von meinem iPhone gesendet

Am 04.08.2012 um 12:07 schrieb Bernhard Ludwig <lucomp at lucomp.de>:

> 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
> TYPO3-german at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german