web-dev-qa-db-ja.com

別のdivにカーソルを合わせるとdivが表示されるようにする

画像にカーソルを合わせると小さな色付きのボックスが表示されるようにしようとしています。ここでシナリオを再現しました: http://jsfiddle.net/UaXUS/

visibility:hidden属性を削除するとdivが正しく表示されますが、ホバー部分を使用しようとすると表示されません。これを修正する方法について何か提案はありますか? display:nonedisplay:inlineまたはdisplay:blockに移動しようとしましたが、うまくいきませんでした

5
tuckerchapin

交換

#content:hover + #hoverbar{
    visibility:visible;
}

#content:hover > #hoverbar{
    visibility:visible;
}

または

#content:hover #hoverbar{
    visibility:visible;
}

プラス記号「+」は兄弟用です。あなたの場合、divはネストされています。

ここで更新されたjsfiddle

14
Davide Icardi