display:noneでクリック時にのみ表示されるドロップダウンメニューがいくつかあります(jqueryを使用)。ただし、ドロップダウンメニューの「下」にある位置に配置されたdivがあります。ドロップダウンが表示されたときにすべてを上回らなければならないことを考慮して、それらは下にある必要があります。ただし、これらのドロップダウンdivを「クリックスルー」するためにできることはありますか?
「pointer-events:none」があることは知っていますが、これではドロップダウンメニューのすべてのクリックが無効になっているように見えます。これは私にはできません。
私は彼らのウェブサイトのセクション全体をカバーするドロップダウンメニューを備えた何百ものウェブサイトを見てきました。ただし、使用されていないときは、これらのメニューは「下」に配置されたdivをブロックしないので、ここでの解決策は何ですか?
ドロップダウンメニューの配置で修正する必要がありますか?
ありとあらゆる助けをいただければ幸いです。問題を発見するのに私は永遠にかかりました。なぜ私のdivがクリックできないのか、私はとても困惑しました!それから私は「clear:both」を実行しました、そしてそれは下に移動し、そして最終的に隠されたdivが邪魔になっていることに気づきました。