css скрыть кнопку до div

Question

Мы хотим скрыть кнопку, пока не наведем курсор на слой div.

FIDDLE здесь> Нажмите для просмотра

По сути, я хотел бы иметь возможность применить это и к другим элементам, но пока это подойдет, любая помощь приветствуется

Answer 1

Просто используйте псевдокласс :hover на внешнем div:

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

Вот скрипка: http://jsfiddle.net/dTLaF/1/

Answer 2

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

:hover псевдоселектор на родительском.Хотя хорошо, когда код вопроса включен в вопрос для потомков.