重疊頁面但排除特定的div - jQuery Impromptu

我使用jQuery即興創建一個'overlay tour'在我的網站上。這裏的源頁面：http://trentrichardson.com/Impromptu/重疊頁面但排除特定的div - jQuery Impromptu

我想換一個div的z-index的，這樣，當它在旅遊的特點是，它被放在上面覆蓋（或一些其他的方式使得覆蓋不不適用於這個div）。

這裏是我的代碼工作的例子（我想放在覆蓋上面的第二個列表項）：http://jsfiddle.net/bTxng/2/

來源

2012-05-18 adamdehaven

哇，即興很棒。爲了向我們展示+1。 – Kristian

這真是個好主意 - 如果我們不能提出解決方案，我建議您聯繫開發人員並提出建議。這將是一個令人印象深刻的插件上的一個很棒的功能。 –

我讓它在小提琴中工作......但是當我應用z-index和position時：相對於我的實際代碼，它不起作用。 http://jsfiddle.net/bTxng/4/ 任何想法?? – adamdehaven

在相同的功能，您可以用李ID名爲.css方法&改變的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>

到

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

然後將其添加到<頭> </head>部分的html。

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

來源

2012-05-18 18:22:02 Amyth

我不知道你在告訴我要添加這個......嗎？但是當我改變Z-index甚至在頁面上內聯時，它似乎沒有做任何事情？ – adamdehaven

也嘗試設置相對位置。看到我的答案。 – Amyth

在我的實際網站上設置z-index似乎沒有任何作用。這有什麼解釋嗎？ – adamdehaven

重疊頁面但排除特定的div - jQuery Impromptu

回答

相關問題