3 つの div があり、1 つが非表示になっています。
- 親
- メッセージ (非表示)
- 画像
画像がホバーされたときにメッセージを表示する必要があります。通常は単純な作業ですが、div の配置で問題が発生すると思います。
右上隅に画像があり、画像をホバーすると、そのすぐ隣 (実際には左側) にテキスト メッセージが表示されます。親は の100% x 32px
付いたバーposition: fixed
なので、アイコンとメッセージがページ全体に浮かんでいます。
私はすでにSOでたくさんの答えを試しました。機能した唯一のものは を使用していましたが、それはカーソルがParent#parent:hover > div
をホバリングするたびにメッセージを表示しますParentはページの上部にある大きな目に見えないバーであるため、これは悪いことです (ただし、シュリンクラップでうまく機能するはずですが、できませんでした)やれ)。
これがjsフィドルです。代替手段があれば教えてください。
編集:これは、どのように機能するかのサンプル画像です。また、ページとともにフロートおよびスクロールする必要があります。