Przycisk ukrywania css do ujęcia div

Question

Chcemy ukryć przycisk, dopóki nie zatrzymamy wskaźnika myszy nad warstwą div.

Fiddle tutaj>Click to view

Zasadniczo chciałbym móc zastosować to do innych elementów również, ale będzie to zrobić teraz, każda pomoc mile widziane

Answer 1

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

:hover Pseudoselector na rodzica. Chociaż dobrze, gdy kod pytania jest zawarty w pytaniu, dla potomności.

Answer 2

Wystarczy użyć :hover pseudo- klasa na zewnętrznej Gr:

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

Oto skrzypce: http://jsfiddle.net/dTLaF/1/