0

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

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

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

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

1 に答える 1

1

内側の 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

于 2013-03-19T18:29:52.027 に答える