28172 sujets

CSS et mise en forme, CSS3

Box-shadow sur Safari

Bonjour,

je suis en train de développer un site et je me heurte un petit désagrément niveau css3...

En effet j'applique des ombres portées sur certains éléments et tout roule sous firefox mais safari n'en fait qu'à sa tête, pourtant mon code semble correct, et j'ai pris le temps de lire les différents articles d'Alsacréation à ce sujet... aurais-je raté quelque chose ? Y'a-t-il une sorte de librairie ou autre à intégrer?

exemple de mon code :


.astuces_images img{
-moz-box-shadow:0px 0px 6px 0px #999999;
box-shadow:0px 0px 6px 0px #999999;
-webkit-box-shadow: 0px 0px 6px 0px #999999; 
border:10px solid white;
height:109px;
top:0;
width:169px;
display:block;
}


La page correspondante ; http://www.missionbricolage.com/temp/index.php?contenu=ateliers
l'ombre devrait s'appliquer sur les photos Smiley decu

Merci d'avance
J'ai oublié de préciser : version navigateur Safari 4.0.5


sur la dernière version 5.0 ça fonctionne effectivement bien Smiley smile
Désolé, mal lu le message.

Essaye en plaçant la css standard en dernier. Smiley cligne
Modifié par Patidou (06 Sep 2010 - 13:49)
Bonjour,
scrat a écrit :
-webkit-box-shadow: 0px 0px 6px 0px #999999;

Heu, il y a un 0px de trop là ?

Normalement c'est : Décalage-X Décalage-Y TailleDuFlou Couleur

Parce que l'ombrage fonctionne parfaitement de Safari 4 à 5 (mais sur les boutons ça peut faire moche sur safari 4).
Modifié par Borak (06 Sep 2010 - 17:33)
Borak a écrit :
Bonjour,

Heu, il y a un 0px de trop là ?

Normalement c'est : Décalage-X Décalage-Y TailleDuFlou Couleur

Parce que l'ombrage fonctionne parfaitement de Safari 4 à 5 (mais sur les boutons ça peut faire moche sur safari 4).



Bonjour,

En fait le zero en trop est une valeur par defaut .
La taille de l'ombre est identique a celle de l'element .

Cette quatrième valeur permet de l'agrandir ou de la retrecir , comme ci la source lumineuse etait plus ou moins proche .
Firefox accepte cette quatrieme valeur depuis un moment déja Smiley smile .
Pour les arrondis, effet ombrée ou de lumière , on peut presque se passer d'un logiciel graphique .

GC
Sujet clos
Aller à