У меня реализовано несколько сложное представление прокрутки Javascript, все содержится в DIV. Элементы внутри имеют обработчики для наведения мыши и мыши, чтобы управлять поведением прокрутки, и есть также ссылки, по которым можно щелкнуть.
Теперь мне нужно в основном прозрачное изображение, которое частично (или полностью, неважно) покрывает вид прокрутки, чтобы наложить на все происходящее в элементе прокрутки, сохраняя при этом обработку событий. Я думал, что самый простой способ сделать это, если бы я мог каким-то образом обернуть весь DIV в другой DIV, фоновое изображение которого является изображением, которое нужно наложить, чтобы события, происходящие с наложенным изображением, могли передаваться и захватываться дочерними элементами. Кажется, я не могу найти способ заставить фоновый контейнер DIV визуализировать поверх его содержимого - я знаю, что это абсолютно нелогично и анти-DOM, но я на самом деле просто хочу избежать изменения моего существующего кода JS просто для приспособления это дополнительное изображение, независимо от того, как взломать решение. Это будет выглядеть примерно так:
<div id="superimposed" style="background-image: url('superimposed.png')">
<div id="scrolling-view"> ... </div>
</div>
Я пробовал разные эксперименты с z-index безрезультатно. Это вообще возможно? А если нет, есть ли у вас другие предложения?