Geek asks and answers

Page overlay but exclude specific div - jQuery Impromptu

I use jQuery impromptu to create an “overlay tour” on my site. Here's the original page: http://trentrichardson.com/Impromptu/

I would like to change the z-index of the div so that when it is displayed on the tour, it is placed above the layer (or in some other way so that the overlay does not apply to this div).

Here is a working example of my code (I would like the second list item to be placed above the overlay): http://jsfiddle.net/bTxng/2/

+3
source share
1 answer

.css li id ​​ z 1000 ( ), :

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

listitem2 .

PS: :

CSS:

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

,

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

to

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

<head> </head> html.

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

More articles:


All Articles