Comment puis-je supprimer uniquement la partie supérieure de la boîte de l'ombre?

Je suis en utilisant border-radius et box-shadow de faire une lueur autour d'un élément.

Puis-je enlever seulement la partie supérieure de la box-shadow?

Live exemple

div {
    margin-top: 25px;
    color: #fff;
    height: 45px;
    margin-top: -5px;
    z-index: -10;
    padding: 26px 24px 46px;
    font-weight: normal;
    background: #000; /*#fff;*/
    border-top: 0px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    -webkit-border-radius: 3px;
     -khtml-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    -webkit-box-shadow: rgba(200,200,200,0.7) 0px 0px 10px 0px;
     -khtml-box-shadow: rgba(200,200,200,0.7) 0px 0px 10px 0px;
       -moz-box-shadow: rgba(200,200,200,0.7) 0px 0px 10px 0px;
            box-shadow: rgba(200,200,200,0.7) 0px 0px 10px 0px;
}

Edit: ce petit truc est le problème!
Comment puis-je supprimer uniquement la partie supérieure de la boîte de l'ombre?

  • votre css est de travail
  • Voici une filiale unproffesional et laid solution qui devrait être utilisé par personne et fonctionne: jsfiddle.net/kL8tR/55 j'ai juste caché la bordure supérieure en vertu d'une position absolue élément noir.
  • Il n'est pas couvrant l'ensemble du haut-frontière. Sur grand écran, la moitié seulement de cela.
InformationsquelleAutor Bakudan | 2011-08-11