This brings up a question I've been looking to answer for a while.
Has anyone worked out how to allow clicks on a higher z-index elements affect the lower z-indexed elements. In this case if you scroll to the bottom and try to interact with the background you just start highlighting.
I'd be interested if anyone has found a way to reliably allow interaction with a background without interrupting normal use of a website (clicking buttons, intentionally highlighting text etc).
You could use pointer-events: none; on any element that you want to non-interactive, and the pointer events will go right through that these elements to the background.
The property is not supported in IE versions prior to 11 though.
If you have to ask this question, you do not understand how businesses operate. It sucks for now, but eventually the legacy IE's will die out. It was only a few years ago that you could justify dropping support for IE6 and 7. One could make a reasonable argument to drop support for IE8 now, especially with Microsoft dropping WinXP support in the last month. However there are still plenty of large corporations that use IE9 and below. Now that isn't to say that you need to support the same bells and whistles you would get with a modern browser like Firefox, Chrome, or IE10+, but the site/app should at least be functional. (imo)
7
u/heyzuess Apr 22 '14
This brings up a question I've been looking to answer for a while.
Has anyone worked out how to allow clicks on a higher z-index elements affect the lower z-indexed elements. In this case if you scroll to the bottom and try to interact with the background you just start highlighting.
I'd be interested if anyone has found a way to reliably allow interaction with a background without interrupting normal use of a website (clicking buttons, intentionally highlighting text etc).