外部内容的模态z索引通过？

Question

我正在使用jQuery创建一个模态对话框。代码通过bokmarklet将jQuery插入到站点中，并运行创建modal dialog的脚本。问题是，即使在Chrome或Firefox中，某些网站内容似乎总是透过灰色模式查看。有没有办法解决它？

底部的灰色部分是模态。徽标一览无余。

Answer 1

你有模态叠加和模态窗口吗？我会把你的z-index设置得非常高。由于听起来您正在将HTML添加到现有网站中，因此很难说他们将z-index设置为什么级别，以及在什么级别设置z-index，所以最好将z-index设置为100000。

Answer 2

诀窍是让客户端页面上的每个dom对象的z-index为1，或者低于模态的z-index。有些浏览器会考虑z-indices的相对差异，因此这是至关重要的。

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

效果很好。