Весь сайт наложения div?

Question

Я использую этот фрагмент, чтобы добавить оверлей ко всему сайту:

$(function() {

   var docHeight = $(document).height();

   $("body").append("<div id='overlay'></div>");

   $("#overlay")
      .height(docHeight)
      .css({
         'opacity' : 0.4,
         'position': 'absolute',
         'top': 0,
         'left': 0,
         'background-color': 'black',
         'width': '100%',
         'z-index': 5000
      });

});

Это прекрасно работает, мне нужен только один элемент, чтобы сидеть над этим идентификатором оверлея.Я дал этому элементу z-индекс больше 5000 здесь, но, кажется, он никогда не поднимается выше серого наложения - есть идеи?

Answer 1

Убедитесь, что это родной и прямой потомок body, чтобы гарантировать, что он будет работать в IE вместе с предоставлением ему position всего, кроме static и более высокого z-index, чем 5000.

Answer 2

1-я проверка, где именно 2-й элемент добавляется другими словами, если вы присваиваете это значение в JQuery, но при использовании простого CSS для кодирования значений 2-х элементов может возникнуть конфликт.Кроме того, вам следует попробовать использовать некоторые кавычки, в которых используются значения ur. Я обнаружил, что использование двойных кавычек со значениями непрозрачности помогает.

Просто предложение, хотя вместо того, чтобы пытаться динамически назначать элементы с помощью JQuery и давать им свойства, я мог бы предложить вам попробоватьобычный css, когда задает атрибуты элементов и использует JQuery только для манипулирования тем, что необходимо вычислить, а что нельзя сделать одним только css.Тогда ваш код будет выглядеть следующим образом:

$(function() {

   var docHeight = $(document).height();

   $("body").append("<div id='overlay'></div>");
   $("#overlay").height(docHeight);
   $("#overlay").css({"opacity":"0.4"});
});

, и элемент также будет иметь свойства, назначенные css-файлом по умолчанию

Answer 3

Убедитесь, что элемент, который вы хотите наложить, расположен (например, абсолютный или относительный) .. другой мудрый z-index ничего не значит

Answer 4

Дайте position:absolute или position:relative.