Frage Wie entferne ich einen Box-Schatten-Effekt von einem Element, wenn ein anderes Element verschoben ist?


Struktur:

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

.inner_box hat einen Box-Schatten-Effekt. Wenn .box deaktiviert ist, möchte ich den Schatteneffekt von .inner_box entfernen. Kann ich außer JQuery noch eine andere Möglichkeit nutzen, vorzugsweise CSS3?

Bitte zeigen Sie mir auch Beispiele, wie ich das in JQuery machen kann. Vielen Dank!


8
2017-09-12 13:09


Ursprung


Antworten:


Verwenden Sie einfach diese CSS, das wird funktionieren Demo hier

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

17
2017-09-12 13:16



Hier ist eine CSS-Lösung.

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

Demo


7
2017-09-12 13:11



Sie müssen das zurücksetzen box-shadow Zurück zum Standardzustand: none:

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

5
2017-09-12 13:14