javascript - 整个站点覆盖 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
      });

});

效果很好，我只需要一个元素位于该叠加层 ID 之上。我在此处为该元素指定了一个大于 5000 的 z-index，但它似乎从未上升到灰色覆盖层之上——有什么想法吗？

Answer 1

确保它是 body 的兄弟和直接子代，以保证它在 IE 中工作，同时给它一个 position 除了 static 和高于 5000 的 z-index。