фон не выходит на первый план с помощью jquery

Question

Мой вопрос: возможно ли вывести фоновые изображения на передний план?

Я создал маску из примера с z-индексом div для 9000 и div содержащий z-индекс формы до 9999

Пока это работает, но если я использую класс с фоновым изображением, он не будет отображаться.

Я тестировал все на тестовой странице без маски, и это работает. Затем я переместил материал на страницу с маской, а затем фоновые изображения больше не отображаются.

Нормальные изображения, похоже, не имеют этой проблемы.

Это моя тестовая страница

// het tbnote opties menu
    $("#tbnoteopties").click(function() {
            $(this).toggleClass("uit").toggleClass("aan");
            $(this).next().toggleClass("expanded").toggleClass("collapsed").slideToggle("normal");
    });

Answer 1

z-index определяет уровень стека элемента. Каждому элементу автоматически присваивается z-индекс в зависимости от его контекста в документе.

z-index будет работать только с элементами, которым явно присвоено значение position absolute, fixed или relative.

Вы не можете установить z-index фонового изображения. z-index устанавливает порядок размещения элементов HTML.

Если вы пытаетесь расположить фоновое изображение, заданное с помощью свойства background или background-image css, вы в конечном итоге разместите элемент, а не фоновое изображение в элементе.