Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    May 2015
    Messaggi
    81

    Trasformazione di più div contemporaneamente

    Salve è possibile fare con i CSS la trasformazione con il pseudoelemento :hover di due o più <div> con classi diverse al passaggio del mouse di una di esse?
    Metto anche imaggine sperando di essere stato più chiaro:
    Cattura.PNG
    io vorrei che passando con il mouse sul div numero 5 cambino colore anche gli altri. è fattibile?

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Praticamente tu chiedi se esiste un selettore tipo \arent (duepunti parent). Che io sappia non esiste.

    Teoricamente si potrebbe pensare di fare, dato un codice HTML
    codice:
    <p class="numeri">
      <span id="uno"><img src="uno.jpg" alt="1"></span>
      <span id="due"> ...  
      ...
    </p>
    usare il selettore
    codice:
    .numeri:hover span {
      background-color: red;
    }
    Ma la cosa non funziona (o non in tutti i browser) perche` il mouse non e` mai sopra il <p> dato che si trova sopra i vari <span>

    Eventualmente potresti pensare di usare un'immagine unica, che contenga tutti i numeri, ma poi non sai su quale numero e` il mouse.

    Pero` se il blocco dei 5 numeri e` un campo di form di tipo <input type="image"> viene trasmessa al server anche la posizione del mouse all'interno dell'immagine.


    Chiaramente in alternativa si puo` realizzare con JS, ma non credo che fosse quello che chiedevi.
    Ultima modifica di Mich_; 24-06-2015 a 09:27
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.