画像にカーソルを合わせると小さな色付きのボックスが表示されるようにしようとしています。ここでシナリオを再現しました: 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はネストされています。