1
我試圖製作一個通知系統，其中一個小方塊出現在屏幕的右上角。 
但是，我希望通知下的屏幕部分可點擊。就像現在一樣，當通知出現時，您就無法與其中的內容進行交互。我怎樣才能讓它下面的區域可點擊？我試圖搞亂z-index,position和transform屬性，但它們仍然使通知顯示在其他內容之上。使元素出現在頂部，但在可點擊的下方
A
回答
2
在彈出框中使用pointer-events: none以允許點擊和光標交互通過它。
請注意，IE10或以下版本不支持此功能，但這佔用戶的比例很小。
相關問題
- 1. 如何處理可點擊區域頂部的元素
- 2. 使fancybox出現在頂部
- 3. 邊框底部出現在元素頂部
- 4. jQuery：點擊外部元素「關閉」菜單，使用toggleClass出現
- 5. 元素不在可點擊的點
- 6. jQuery Waypoints只在元素點擊窗口頂部時觸發
- 7. 如何使元素在可拖動元素內可點擊？
- 8. 出現在內容頂部的css僞元素
- 9. Facebook like按鈕出現在固定位置元素頂部
- 10. 元素總是在頂部
- 11. 無法獲得css3下拉菜單出現在其他元素頂部
- 12. Popovers沒有出現在第一次點擊，但出現在第二次點擊
- 13. jQuery的，點擊可點擊元素
- 14. 如何提出一個窗體上的元素，使其出現在另一個元素的頂部
- 15. 如何使元素鼠標不可點擊，但通過javascript可點擊？
- 16. GWT - 如何有效地堆疊元素，使頂層元素可點擊？
- 17. jquery在點擊上下滑動元素
- 18. Chrome在底層元素上出現奇怪的點擊行爲
- 19. 爲什麼這些元素沒有出現在隨機的地方，但他們保持對齊的頂部？
- 20. 元素在點上不可點擊。其他元素將收到點擊：
- 21. 「元素在點上不可點擊」，因爲某些元素位於頂部 - 我如何等待它是可點擊的？
- 22. DialogFragment出現在ActionBar頂部
- 23. jquery無法滾動到div上的元素頂部點擊
- 24. 元素是不可點擊在Firefox
- 25. 在IE8中旋轉可點擊元素+
- 26. Angular.js關閉並點擊任何地方，但在元素上
- 27. 點擊下一個元素
- 28. Android FrameLayout ListView元素不出現可點擊
- 29. 使GridView中的元素可點擊
- 30. 使3d翻譯的元素可點擊
分享您的代碼，不要害羞 – Chris
它基於關閉[Metro UI的框架]的（http://metroui.org.au），所以我真的沒有代碼。 – TricksfortheWeb