web-dev-qa-db-ja.com

divがホバーするまでcss非表示ボタン

Divレイヤーにカーソルを合わせるまでボタンを非表示にします。

ここでフィドル>クリックして表示

基本的に、これを他の要素にも適用できるようにしたいと思いますが、今のところはこれで十分です。

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

:hover親の疑似セレクター。後世のために、質問のコードが質問に含まれているのはいいことですが。

9

外側のdivで:hover疑似クラスを使用するだけです。

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

これがフィドルです: http://jsfiddle.net/dTLaF/1/

17
Joseph Silber