3

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

我想更改一个 div 的 z-index，以便当它在游览中出现时，它被放置在覆盖层之上（或其他方式，以便覆盖层不适用于此 div）。

这是我的代码的一个工作示例（我希望将第二个列表项放在覆盖层之上）：http: //jsfiddle.net/bTxng/2/

4

1 回答 1

1

在同一功能下，您可以在 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>

到

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

然后将其添加到 html 的 <head></head> 部分。

$(document).ready(function () {
  $('#take-tour').click(function() {
    $('#impromptuVerticalNav').css({'position':'relative', 'z-index':'1000'});
    $.prompt(tourStates);
  });
});
于 2012-05-18T18:22:02.527 回答