[Résolu] Comment ne pas appliquer un shadow en bas ?

bonjour,

sur une <div>, je cherche à placer un box-shadow en haut, à droite, à gauche mais pas en bas...

Tous mes essais laissent apparaitre un léger shadow sur TOUS les cotés

voici un exemple avec pourtant 0 en Y:

box-shadow: 1 0px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1 0px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.1);

Merci pour votre aide
++
Modifié par billboc (23 Sep 2010 - 11:49)

Tu peux ruser avec un conteneur supplémentaire à la bonne taille (marges internes comprises) et un overflow:hidden qui vient masquer la partie basse.

merci pour la solution c'est ce que je vais faire finalement !

PS: sinon avec box-shadow c'est impossible ?

Hello,

box-shadow dessine une ombre de tout l'élément, placée sous celui-ci (ou à l'intérieur si tu utilises le mot-clé inset). L'ombre n'est pas découpée en plusieurs parties (haut, bas, gauche, droite, coins, centres, et tout ce qu'on voudra), et tu ne peux donc pas demander à ne pas afficher une partie de l'ombre.

Il faut donc voir du côté de la solution suggérée par Vincent.

merci pour cette précision

Par contre tu peux toujours la placer à 0px sur l'axe x et -npx sur l'axe y. En gros tu n'auras ton ombre que sur les côtés désirés, mais elle sera un peu plus large en haut... 'fin, ça reste du bricolage...

c'est juste ! merci ça peut dépanner