ombre portée uniquement bas css3

Est-il un moyen de chute de l'ombre seulement sur le fond?. J'ai un menu avec 2 images à côté de l'autre. Je ne veux pas d'un droit de l'ombre car elle empiète sur le droit à l'image. Je n'aime pas à utiliser des images pour cela donc, il y a un moyen de la faire tomber seulement sur le fond comme:

box-shadow-bottom: 10px #FFF; ou similaires?

-moz-box-shadow: 0px 3px 3px #000;
-webkit-box-shadow: 0px 3px 3px #000;
box-shadow-bottom: 5px #000;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#000000');
  • Votre réponse références box-shadow-bottom qui n'existe pas, et n'est pas pris en charge par n'importe qui. Voir nicolasgallagher.com/css-drop-shadows-without-images/demo pour la pièce de théâtre box-shadow techniques.
  • J'ai eu une faute de frappe, son fixe.
  • Les commentaires dans votre CSS exemple sont trompeuses — filter va travailler dans IE8 et IE9 ainsi. Pas besoin de -ms-filter dans ce cas.
  • Vous pouvez adapter ce réaliste encart css ombre : stackoverflow.com/a/20596554/1491212
InformationsquelleAutor damage000 | 2011-03-28