[Javascript] [HTML] Hover

Giacomo Boccherini · 17 Mar 2019

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 · 17 Mar 2019

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ì.

Cerca

Cerca

[Javascript] [HTML] Hover

Giacomo Boccherini

Nuovo Utente

WmbertSea

Moderatore

Discussioni simili