over動畫wowslider分層覆蓋/登錄窗口

Question

我在我的歡迎頁面上使用wowslider，它工作正常，看起來應該是這樣。當用戶點擊「Enter」（右上角按鈕）時，會出現一個50％的透明覆蓋圖，並在頂部顯示一個登錄窗口。不幸的是，wowslider主宰了分層，即使我給了我的登錄表單z-index of 10000，wowslider仍然處於頂端。 我嘗試了很多改變z-index的哇滑塊元素，玩弄overflow屬性和position屬性的所有相關元素，但我找不到解決方案。

我相信這是最簡單的，如果我給你鏈接到項目的開發版本，以查看問題並可能找到解決方案。 http://dev.hobbyathletes.com/

下面是相關wowslider元素

<div id="wowslider-container1"> 
<h1>Community for hobby and amateur endurance athletes</h1> 
    <div class="ws_images"> 

這ws_images div元素似乎主宰一切分層規則，但H1元素裏顯示也對ws_images元素的頂部，但如果我給wowslider-container1 DIV一邊框我可以看到它在我的登錄表格背後

任何幫助將非常感激。請儘量避免在我應該將wowslider嵌入到iframe中的解決方案。

在此先感謝

Answer 1

的z-index你#form_center選擇添加如下這是ha_main.css - 線路707

#form_center { 
position: fixed; 
width: 0; 
height: 100%; 
left: 50%; 
top: 0px; 
z-index: 10000; 
}