Question

您好我的滑块http://www.premierchoiceinternet.com/

有问题

子菜单顶部的图像滑块

我正在使用Easy WordPress Parallax Slider。

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

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

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

谢谢

Answer 1

你说你已经用z级别试过了。

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

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

我只是用firebug尝试过它并且有效。弹出窗口正在滑块上。

希望这会帮助您解决问题

这是它的图片： 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

Answer 2

您所要做的就是向后移动滑块，最简单的方法是将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">

Answer 3

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

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

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

3 个答案: