下拉菜單（顯示：無）可以點擊其他不在使用的空間中的其他div - 我可以點擊嗎？

Question

我有一些下拉菜單是顯示：無，只顯示點擊（使用jQuery）。但是，有些div已放置在位於「下方」下拉菜單中的位置。他們必須認真考慮下拉式廣告出現時必須高於一切。但是，有什麼我可以做的「點擊」這些下拉div？

我知道有「指針事件：無」但這似乎禁用所有點擊下拉菜單，我不能。

我已經看過100個網站的下拉菜單，涵蓋了他們的網站的整個部分。但是，當不使用時，這些菜單不會阻止位於「底部」的div，因此這裏有什麼解決方案？

這是我需要解決的下拉菜單的位置的東西？

任何和所有的幫助表示讚賞。我永遠花了我才發現問題。我很難過爲什麼我的div不可點擊！然後，我做了「清楚：兩者都」，並且它向下移動，最終意識到隱藏的divs擋道了。

Answer 1

看起來好像你在這些下拉div上使用opacity: 0，這使得它們保持原位，並阻止鼠標事件觸發下面的元素。

您應該區別隱藏它們，用下面的：

1. 使用visibility: hidden或display: none（如果你也想從屏幕閱讀器隱藏）

2. 絕對定位它們關閉可見的視口，通過使用巨大的負偏移（例如-999em）。
   這將確定它們仍然可以被屏幕閱讀器閱讀。

或者，你可以用它的知名度一起切換pointer-events:none，但老IE不支持pointer-events。