在动画 wowslider 分层上覆盖/登录 window

Question

我在我的欢迎页面上使用 wowslider，它工作正常并且看起来符合预期。当人们点击 "Enter"（右上角按钮）时，会出现一个 50% 透明的覆盖层，并在顶部出现一个登录名 window。不幸的是，wowslider 主导了分层，即使我给了我的登录表单 z-index of 10000，wowslider 仍然在最上面。我尝试了很多事情，改变了 wow-slider 元素的 z-index，尝试了所有相关元素的 overflow 属性和 position 属性，但我找不到解决方案。

我认为最简单的方法是将 link 提供给项目的开发版本以查看问题并找到解决方案。 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;
}

在动画 wowslider 分层上覆盖/登录 window

Overlay / login window over animated wowslider layering

jquery

html

css

layer

wowslider