我正在使用此代码段将叠加层附加到整个网站:
$(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,但它似乎从未上升到灰色覆盖层之上——有什么想法吗?
最佳答案
确保它是 body
的兄弟和直接子代,以保证它在 IE 中工作,同时给它一个 position
除了 static
和高于 5000 的 z-index
。
关于javascript - 整个站点覆盖 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3550907/