Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 13
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    103

    selettore + e webkit-transition

    Buonasera a tutti, sto riscontrando un problema molto strano con webkit-transition e utilizzando il selettore +. Mi spiego meglio con del codice molto banale:

    HTML
    codice:
    <body> 
    <h1>This is heading 1</h1> 
    <h2>This is heading 2</h2> 
    
    
    This is a paragraph.</p> 
    </body>
    CSS
    codice:
    p{ 	
    opacity: 0; 	
    -webkit-transition: all .5s ease 0s; 	
    -moz-transition: all .5s ease 0s; 	
    -ms-transition: all .5s ease 0s; 	
    -o-transition: all .5s ease 0s; 	
    transition: all .5s ease 0s;  
    } 
    h1:hover + h2 + p{
    opacity:1; 
    }
    Portando il mouse su h1 dovrebbe vedersi in transizione p, il problema è che su mozilla e ie funziona benissimo, su chrome e safari che utilizzano webkit non va...
    Grazie.

  2. #2
    Per la verità a me il tuo codice non funziona neanche con IE e FF

    Vedi QUI se puoi trovare una soluzione
    “Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.

    Giovanni Falcone

  3. #3
    usa la tilde, a me va
    codice:
    h1:hover + h2 ~ p

  4. #4
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    103
    funziona con la tilde però in questo caso no

    codice:
    <h1>This is heading 1</h1>
    <h2>This is heading 2</h2>  
    
    
    This is a paragraph.</p> 
      
    <h1>This is heading 1</h1>  
    <h2>This is heading 2</h2>  
    
    
    This is a paragraph.</p>

  5. #5

  6. #6
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    103
    il codice funziona benissiomo su ie e firefox, su chrome e safari niente. Per verificare basta copiare il codice sull' editor del w3c.

  7. #7
    a parte che non è il W3C ma lo school
    ho provato e va

  8. #8
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    103
    Non è possibile che funziona anche con chrome... A me non va con 3 pc e 1 mac.
    Con firefox passo sul primo h1 e si vede il primo paragrafo, poi passo sul secondo h1 e si vede il secondo paragrafo. su chrome e safari non succede niente di tutto ciò.

  9. #9
    io chrome non ce l'ho per poterti dire

  10. #10
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    103
    Purtroppo è lì il problema: Chrome e safari...

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 © 2024 vBulletin Solutions, Inc. All rights reserved.