我的子菜单顶部的图像滑块答案

【问题标题】：Image slider on top of my sub menu's我的子菜单顶部的图像滑块
【发布时间】：2014-10-16 12:21:31
【问题描述】：

您好，我的滑块有问题http://www.premierchoiceinternet.com/

我的子菜单顶部的图像滑块

我正在使用 Easy WordPress 视差滑块。

我已将 z-index 更改为我在此处阅读的许多数字，但由于某种原因，如果您能够提供帮助，我仍然无法解决问题，我将不胜感激

我从管理面板中的 eps 设置编辑 z-index

如果我要发布源代码，请告诉我，我会这样做，但我不知道这是否相关

谢谢

【问题讨论】：

请在您的问题中包含足够的代码来重现问题，而不仅仅是链接到某个网页。
我已经放在那里，如果需要代码，我会提供它，但是当这是 wordpress 时，我看不到 html 代码的相关性。
在询问之前您必须阅读stackoverflow.com/help/how-to-ask 和stackoverflow.com/help/mcve .... 为什么代码相关？因为只是链接到将来可能会关闭的 URL，因此对于可能遇到相同问题的未来用户来说，这个问题毫无用处

标签： jquery html css wordpress slider

【解决方案1】：

你所要做的就是向后移动滑块，最简单的方法是在滑块的样式中添加z-index:1;，所以，这一行：

<div style="max-width: 961px; max-height:301px;" class="eps eps-slide eps-8018 eps-slider">

变成这样：

<div style="max-width: 961px; max-height:301px;z-index:1;" class="eps eps-slide eps-8018 eps-slider">

【讨论】：

【解决方案2】：

你说你已经用 z-levels 试过了。

一个常见的错误是您只将弹出窗口设置为 z 水平而不是滑块。

您应该使用z-index: 999; 作为您的弹出窗口，并使用z-index:1; 作为您的滑块。

我刚刚用萤火虫试了一下，它奏效了。浮出控件现在位于 Slider 上方。

希望这能帮助你解决它

这是它的图片： http://s14.directupload.net/images/141016/bgv6t464.jpg

浮出控件的 CSS

#megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item > ul.sub-menu.sub-menu-1 { border-top-left-radius: 2px; border-top-right-radius: 2px; z-index: 999; }

别忘了加上 z-index:1;到您的滑块 div

【讨论】：

【解决方案3】：

<div id="main_menu" class="slidemenu" style="z-index: 999;">

这将帮助您将 main_menu 项目上的 z-index 显示在幻灯片图像上方

【讨论】：