css botón de ocultar hasta div hover

Question

Queremos ocultar el botón hasta que pasamos el cursor sobre la capa div.

FIDDLE aquí>Click to view

Esencialmente, me gustaría ser capaz de aplicar esto a otros elementos también, pero esto va a hacer por ahora, cualquier ayuda apreció

Answer 1

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

:hover pseudoselector en el padre. Aunque es bueno cuando el código de la pregunta se incluye en la pregunta, para la posteridad.

Answer 2

Sólo tiene que utilizar la pseudo :hover clase en el div exterior:

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

Aquí está el violín: http://jsfiddle.net/dTLaF/1/