覆盖页面，但不包括特定的div-jQuery即兴

我正在使用jqueryimpromptu在我的站点上创建一个“覆盖巡更”。以下是源页面：

我想更改一个div的z索引，这样当它出现在巡演中时，它就会被放置在覆盖层的上方（或者其他一些方式，这样覆盖层就不会应用于这个div）

---

下面是我的代码的一个工作示例（我希望第二个列表项放在覆盖层上方）：

在同一个函数下，您可以在li id上使用.css方法，并将其z索引更改为1000（根据您的代码），例如：

$('#listitem2').css({'z-index':'1000'});

其中listitem2是第二个列表项的id

PS：编辑：

在CSS中尝试以下操作：

li#impromptuVerticalNav {
  position: relative;
  z-index: 1000;
}

如果这有效，就改变

<a href="#" onClick="$.prompt(tourStates);">Take Tour</a>

---

哇，即兴表演太棒了+感谢您向我们展示这一点。这是一个非常好的主意-如果我们无法提出解决方案，我建议您联系开发人员并提出建议。这将是一个令人印象深刻的插件的一个伟大的功能。我有它的工作在小提琴。。。但是当我应用z索引和位置：相对于我的实际代码时，它不起作用。有什么想法吗？我不知道你要我在哪里加上这个？但是，当我在页面上内联更改z索引时，它似乎没有任何作用？还可以尝试将位置设置为相对。请看我的答案。在我的实际站点上设置z索引似乎没有任何作用。有什么解释吗？现在检查答案。你也可以给我你网站的链接，这样我可以检查一下。我敢肯定这与定位有关，因为z-index只对定位元素有效，例如：（位置：绝对、位置：相对或位置：固定）请参阅：www.w3schools.com/cssref/pr_pos_z-index.asp

<a id="take-tour" href="#">Take Tour</a>

$(document).ready(function () {
  $('#take-tour').click(function() {
    $('#impromptuVerticalNav').css({'position':'relative', 'z-index':'1000'});
    $.prompt(tourStates);
  });
});