0

我在欢迎页面上使用了 wowslider，它运行良好并且看起来像它应该的那样。当人们单击“Enter”（右上角的按钮）时，会出现 50% 的透明覆盖，并在顶部出现登录窗口。不幸的是 wowslider 在分层中占主导地位，即使我给了我的登录表单 a z-index of 10000， wowslider 仍然在顶部。我尝试了很多改变z-indexwow-slider 元素的方法，尝试了所有相关元素的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 的解决方案。

提前致谢

4

1 回答 1

1

将 z-index 添加到您的#form_center选择器中，如下所示ha_main.css - 第 707 行

#form_center {
position: fixed;
width: 0;
height: 100%;
left: 50%;
top: 0px;
z-index: 10000;
}
于 2015-03-25T09:29:58.873 回答