Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    103

    proprietà div:hover su altro div css3

    buonasera, ho due div (#uno e #due) e dovrei modificare la proprietà opacity del div #due al passaggio del mouse sul div #uno... Come posso fare? possibilmente senza usare javascript Grazie 1000!!
    Così non va...
    CSS
    codice:
    #due{ 	
     	background-image: url(sfn.jpg); 
     	opacity: 0; 
    	top: 140px; 
     	left: 90px; 
    	z-index: 1; 	
     	-webkit-transition: opacity 2s ease 0s;
     	-moz-transition: opacity 2s ease 0s; 
     	-ms-transition: opacity 2s ease 0s; 
     	-o-transition: opacity 2s ease 0s; 
     	transition: opacity 2s ease 0s; 
    }  
    
    #uno:hover #due{
     	opacity:1; 
    }
    HTML
    codice:
    <div class="contenitore">
    <div  id="uno"></div>
    <div id="due"></div>
    </div>

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    E` possibile se il div #due e` inserito all'interno del div #uno.
    Se poi graficamente devono essere divisi o comunque non sovrapposti si puo` sistemare con il posizionamento.

    Se questo suggerimento non ti basta, posta anche uno schema grafico di come sono messi nella pagina, in modo da poterti dare info in piu`.

    Nota: questa tecnica e` usata in qualche galleria, per cui puoi trovare esempi anche in giro per la rete (alcuni riferimenti tra i "link utili")
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    103
    Grazie per la risposta... Provando ad inserire il div #due nel div #uno si attiva la transizione al passaggio del mouse anche sul div #due...

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.