隱藏的DIV鏈接讓別人無法點擊

您好，感謝您的閱讀。我遇到一個問題，其中隱藏的div與opacity: 0;仍然允許用戶與div的可點擊元素進行交互。這使得用戶不能與可重疊隱藏div的可點擊元素進行交互。我通常會通過使用 position: absolute; pointer-events: none; 來解決這個問題，但是會導致相反的情況發生，其中隱藏的div鏈接不再可點擊。我已經仔細檢查了我的Z-index，它的外觀正確，但問題仍然存在。此外，隱藏的div似乎忽略了應用於它的切換效果，只是彈出任何動畫。隱藏的DIV鏈接讓別人無法點擊

單擊複選框以激活隱藏的div：

http://codepen.io/gmrstudios/pen/jyoZvL

來源

2017-02-18 GMR

你期望的行爲是什麼？你不應該與哪些元素進行互動？隱藏的元素是什麼？ – JakeParis

我問，因爲在codepen示例中，問題不明顯。它似乎運作良好。 – JakeParis

@JakeParis嘗試點擊「Gerard」。雖然看起來像往常一樣，但您實際上點擊了「更改優先級」，這是隱藏DIV的一部分。此外，如果您將鼠標懸停在「Gerard」的左側和右側，您會注意到可以激活隱藏div的其他鏈接。 – GMR

的td.tg_admin元素上使用overflow: hidden;。請使用tg_admin作爲類，ids只能用於一次。

來源

2017-02-18 21:20:46 Sandro

這最終會部分阻止隱藏的DIV的顯示。 – GMR

然後在顯示隱藏的div時設置overflow：auto ... – Sandro

你的意思是「切換不起作用嗎？」 – Sandro

隱藏的DIV鏈接讓別人無法點擊

回答

相關問題