[Javascript] [HTML] Hover

Giacomo Boccherini

Nuovo Utente
17 Mar 2019
12
0
1
Salve a tutti
Avendo un DIV parent
Con all'interno 2 elementi child (A e B)
Vorrei all'hover del div un opacity 0 sull'elemento A e un opacity 1 sull'elemento B.

grazie a tutti
 

WmbertSea

Utente Attivo
28 Nov 2014
178
27
28
Ciao, nulla di così complicato. Anche senza utilizzare JavaScript puoi risolvere con del semplice css.
Codice:
<!doctype html>
<html lang="it">
   <head>
      <title>hover parent & child</title>
     
      <style>
         #parent{
            padding: 10px;
            width: 200px;
            background: silver;
         }
         #parent:hover>.childA{
            opacity: 0;
         }
         .childA{ background: red; }
         .childB{ background: green; }
      </style>
     
   </head>
   <body>
 
      <div id="parent">
         <div class="childA">Child A</div>
         <div class="childB">Child B</div>
      </div>
     
   </body>
</html>
Chiaramente per il childB non c'è bisogno di impostare opacity 1 dal momento che è già così.
 
Ultima modifica: