Cách ngăn chặn các phần tử html có sự kiện bắt số chỉ mục cao hơn

Question

Tôi đang phát triển một tiện ích mở rộng nhỏ của chrome để cho phép người dùng xem những gì họ đang nhập. Đó là một phần tử div nổi bán trong suốt đơn giản. Vấn đề mà tôi có là các phần tử html bên dưới nó không nhận được các sự kiện bấm vì phần tử div nằm trên chúng (> z-index).

Câu hỏi của tôi là: Có cách nào để làm cho div của tôi "trong suốt" cho các sự kiện nhấp chuột (và các loại sự kiện khác) không?

Một hình ảnh:

Answer 1

Thử quy tắc CSS 'con trỏ-sự kiện'.

pointer-events: none;