別のdivにカーソルを合わせるとdivが表示されるようにする
画像にカーソルを合わせると小さな色付きのボックスが表示されるようにしようとしています。ここでシナリオを再現しました： http://jsfiddle.net/UaXUS/
visibility:hidden属性を削除するとdivが正しく表示されますが、ホバー部分を使用しようとすると表示されません。これを修正する方法について何か提案はありますか？ display:noneをdisplay:inlineまたはdisplay:blockに移動しようとしましたが、うまくいきませんでした
交換
#content:hover + #hoverbar{
visibility:visible;
}
と
#content:hover > #hoverbar{
visibility:visible;
}
または
#content:hover #hoverbar{
visibility:visible;
}
プラス記号「+」は兄弟用です。あなたの場合、divはネストされています。