Comment puis-je supprimer une boîte-effet d'ombre à partir d'un élément en un autre élément est planait?

Structure:

 <div class="box">
      <div class="inner_box">
      </div>
 </div>

.inner_box a une boîte-effet d'ombre. Lors de l' .la boîte est planait je souhaite supprimer l'effet d'ombre .inner_box. Outre l'utilisation de JQuery, est-il un autre moyen que je peux le faire, de préférence, CSS3?

Veuillez également me montrer des exemples de la façon dont je peux le faire en JQuery. Merci!

Utiliser la méthode jQuery hover si vous souhaitez utiliser jQuery. Sinon, le CSS option prévue dans une autre réponse va être votre action plus simple. Je recommande d'aller avec celui-là, à moins que nous sommes tous totalement méconnaître la question

OriginalL'auteur ariel | 2013-09-12

  1. 23

    Il suffit d'utiliser cette css cela fonctionne DÉMO ICI

    .box:hover .inner_box {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

    OriginalL'auteur Love Trivedi

  2. 8

    Voici une css seule solution. 

       .box:hover .inner_box { 
         -webkit-box-shadow: none;
         -moz-box-shadow: none;
         box-shadow: none;
    }

    Démo

    OriginalL'auteur Tomzan

  3. 5

    Vous devez réinitialiser le box-shadow à son état par défaut: none:

    .box:hover .inner_box {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

    OriginalL'auteur Mark