3

jQuery impromptu を使用して、サイトに「オーバーレイ ツアー」を作成しています。ソースページはこちら: http://trentrichardson.com/Impromptu/

div の z-index を変更して、ツアーで取り上げられたときにオーバーレイの上に配置されるようにしたいと思います(またはオーバーレイがこの div に適用されないように他の方法で)。

これが私のコードの実例です（2番目のリスト項目をオーバーレイの上に配置したいと思います）：http://jsfiddle.net/bTxng/2/

4

1 に答える 1

1

同じ関数の下で、li id で .css メソッドを使用し、その z インデックスを (コードに従って) 1000 に変更できます。たとえば、次のようになります。

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

listitem2 は、2 番目のリスト項目の 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 に答える