1

divアンカータグをホバリングするときに子を表示する方法は? カーソルがアンカータグに乗ったときにdivwith クラスを表示したい。botmこれは私が使用している正確なスキームなので、タグを同じ順序にしてください。

HTML:

<a> Hover me!</a>
<div class="faraz"> sdjfg 
<div class="dikha">Stuff shown on hover</div>
<div class="botm"></div>
</div>

CSS:

div {
display: none;
}

a:hover ~ .faraz > .botm {
display: block;
background-color: RED;
height: 250px;
width: 960px;
}
.botm {
background-color: #0CC;
height: 50px;
width: 100%;
position: fixed;
top: 90px;
}
4

1 に答える 1

3

対象の div の親は非表示になっているため、表示できません。親も表示すると、すべてが機能します。

a:hover ~ .faraz{
    display:block;
}

http://jsfiddle.net/r2Zyp/

于 2013-03-22T05:49:46.700 に答える