web-dev-qa-db-fra.com

Utilisation conjointe de border-radius et box-shadow (CSS)

Ok, je sais qu'aucune de ces propriétés n'est encore complètement prise en charge, mais je les utilise quand même: P

Lorsque j'ajoute un border-radius et un box-shadow (avec et sans préfixes de fournisseur), le rayon du border-radius n'est pas transparent pour le box-shadow. Exemple: http://cndg.us/3f41a

Est-il possible de résoudre ce problème? J'ai également remarqué que -webkit-box-shadow a quelques problèmes avec les divs cachés.

32
Gary

il est possible de vérifier ici: http://jsfiddle.net/Zw4QA/1/

je pense que vous avez un élément à l'intérieur de votre div avec les cordons arrondis. Vous devez appliquer les coins à cet élément. Pour le moment, les coins arrondis de l'élément parent ne s'appliquent pas aux enfants, sauf si vous le spécifiez dans votre CSS.

pour plus de magie CSS3, consultez ce lien: http://css3please.com/

Sachez que chaque navigateur a sa propre façon de gérer les ombres et le rayon de bordure http://thany.nl/apps/boxshadows/

47
meo