2011-09-26 14 views
10

Vogliamo nascondere il pulsante finché non passiamo il mouse sopra lo strato div.css hide button until div hover

FIDDLE qui>Click to view

In sostanza, vorrei essere in grado di applicare questo ad altri elementi anche, ma questo farà per ora, qualsiasi aiuto apprezzato

risposta

6
.resultContainer:hover .viewThisResult { display: block; } 

:hover pseudoselettore sul genitore. Anche se è bello quando il codice per la domanda è incluso nella domanda, per i posteri.

+1

grazie, hai dimenticato: .viewThisResult {display: none} ma applausi, funziona un fascino – 422

+0

Giusto, scusa. Era nel violino, che anch'io ho fallito nel collegare e ho rinunciato troppo in fretta. :) –

12

sufficiente utilizzare il :hover pseudo- classe sul div esterno:

.resultContainer .viewThisResult { 
    display: none; 
} 
.resultContainer:hover .viewThisResult { 
    display: inline; 
} 

Ecco il violino: http://jsfiddle.net/dTLaF/1/

+1

Grazie mille Giuseppe. – 422

+0

Bello ... mi chiedevo come farlo. Cheers Joseph – Photonic