click link below a higher z-index div [duplicate]

by

The CSS method to do this is pointer-events: none

See: http://jsfiddle.net/LNwHV/1/

Browser support: http://caniuse.com/pointer-events (works everywhere except IE10 and older)

To support old versions of IE, you’ll have to use JavaScript as a fallback.

More Related Contents:

  1. How to overlay one div over another div
  2. How does the “position: sticky;” property work?
  3. Why does position:relative; appear to change the z-index?
  4. Minimum and maximum value of z-index?
  5. Make absolute positioned div expand parent div height
  6. Why does z-index not work?
  7. Position: absolute and parent height?
  8. CSS absolute position won’t work with margin-left:auto margin-right: auto
  9. Difference between position:sticky and position:fixed?
  10. How does the z-index property really work?
  11. Overlapping/overlaying multiple inline images
  12. Flexbox, z-index & position: static: Why isn’t it working?
  13. I have position but z index is not working
  14. Using z-index to get div above another div
  15. What are the CSS properties that get elements out of the normal flow?
  16. Floating Div Over An Image
  17. CSS position element “fixed” inside scrolling container
  18. Prevent an element from covering another [closed]
  19. Two column width 50% css [closed]
  20. vertical-align with Bootstrap 3
  21. How to align content of a div to the bottom
  22. Are the decimal places in a CSS width respected?
  23. Color for Unicode Emoji
  24. Dual-Color Text
  25. DISABLE the Horizontal Scroll [closed]
  26. How to remove focus around buttons on click
  27. How to cut a circular part from an image?
  28. 100vh height when address bar is shown – Chrome Mobile
  29. CSS crop string in the middle
  30. What does “semantically correct” mean?

Leave a Comment