css - マウスオーバー時にdivを表示

Question

YouTube のコメントのように、マウスがメイン領域の上にあるときに表示されるリンクを作成するにはどうすればよいですか。

私はこのコードを持っています - しかし、マウスが .showme クラスの上にあるとき、それは showhim 要素のように見えません。

<div class="showhim">HOVER ME<div class="showme">hai</div></div>

.showme{ 
display: none;
}
.showhim:hover .showme{
display : block;
}

score 1 · Accepted Answer

内側の div を外側の div の流れの中に入れたいと思うかもしれません。その場合は使用

.showhim:hover .showme{
    display : inline-block;
}

または、内側の div に:hoverも内側の div を表示する場合は、次を使用します。

showme{ 
    visibility: hidden;
}
.showhim:hover .showme{
    visibility: visible;
}

1 つだけ: IE 6 でテストし:hoverた可能性があり<a/>ます。ちなみに彼も知らないdisplay: inline-block。

1 に答える 1