Question

我正在使用jQuery即兴创建我的网站上的“叠加之旅”。这是源页面：http://trentrichardson.com/Impromptu/

我想更改div的z-index，以便在巡视中显示时，它会被置于覆盖之上（或其他一些方式，以便覆盖不适用到这个div）。

以下是我的代码的一个工作示例（我希望第二个列表项放在叠加层上方）：http://jsfiddle.net/bTxng/2/

Answer 1

在同一功能下，您可以在li id＆amp;上使用.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>

到

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

然后将其添加到＆lt; head＆gt;＆lt; / head＆gt;你的HTML部分。

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

覆盖页面但排除特定div - jQuery Impromptu

1 个答案: