HTML/CSS: Make a div “invisible” to clicks?

by

It can be done using CSS pointer-events. This property is supported in Firefox 3.6+, Chrome 2+, IE 11+, and Safari 4+. Unfortunately, I don’t have knowledge of a cross-browser workaround.

#overlay {
  pointer-events: none;
}

More Related Contents:

  1. How long can a background-image be?
  2. Two divs side by side – Fluid display [duplicate]
  3. Expand a div to fill the remaining width
  4. How to make an image center (vertically & horizontally) inside a bigger div [duplicate]
  5. Can I write a CSS selector selecting elements NOT having a certain class or attribute?
  6. Margin-Top push outer div down
  7. Can I use div as a direct child of UL?
  8. Add centered text to the middle of a horizontal rule [duplicate]
  9. Make wrapper take maximum width of child image? [duplicate]
  10. How can I display just a portion of an image in HTML/CSS?
  11. text-overflow is not working when using display:flex
  12. Center aligning a fixed position div
  13. CSS Float: Floating an image to the left of the text
  14. Why would margin not be contained by parent element?
  15. Height percentage not working in CSS
  16. My @media queries aren’t working on mobile devices
  17. Why does CSS padding increase size of element?
  18. CSS I want a div to be on top of everything
  19. How can I wrap text around a non rectangular image?
  20. Link a .css file in another folder
  21. Why are some of my CSS rules not working?
  22. How to “crop” a rectangular image into a square with CSS?
  23. Center an image horizontally using CSS
  24. Alternate background colors for list items
  25. Styling HTML email for Gmail
  26. Change Bootstrap input focus blue glow
  27. Angular4 – Scrolling to anchor
  28. Can you style ordered list numbers?
  29. Div with horizontal scrolling only
  30. Best Way to do Columns in HTML/CSS

Leave a Comment