在动画wowslider分层上叠加/登录窗口

Question

我在我的欢迎页面上使用了wowslider，它工作得很好并且看起来像它应该的样子。当人们点击＆＃34;输入＆＃34; （右上方按钮）50％透明覆盖，顶部显示登录窗口。不幸的是，wowslider主导了分层，即使我给我的登录表单z-index of 10000，wowslider仍然位于顶部。 我尝试了很多改变z-index哇滑块元素的事情，玩弄了所有相关元素的overflow属性和position属性，但我无法找到解决方案。< / p>

我相信如果我给你链接到项目的开发版本以查看问题并且可能找到解决方案，这是最简单的。 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;
}