Модальный z-index поверх внешнего контента заглядывает через?

Question

Я создаю модальное диалоговое окно, используя jQuery. Код вставляет jQuery в сайт с помощью bokmarklet и запускает скрипт, который создает модальное диалоговое окно . Проблема заключается в том, что некоторый контент сайта всегда выглядит серым, даже в Chrome или Firefox. Есть ли способ обойти это?

Серая часть внизу - модальная. Логотип заглядывает через.

Answer 1

У вас есть модальное наложение и модальное окно? Я бы установил ваш z-index на них чрезвычайно высоко. Поскольку кажется, что вы добавляете HTML на существующие сайты, трудно сказать, для каких элементов они установили z-index и на каком уровне, поэтому лучше всего установить для своего z-index что-то вроде 100000.

Answer 2

Хитрость заключается в том, чтобы каждый объект dom на странице клиента имел z-индекс 1 или ниже, чем z-индекс модального. Некоторые браузеры учитывают относительные различия z-индексов, поэтому это крайне важно.

$("div").each(function() {
  $(this).css("z-index", "1");
});

прекрасно работает.