【问题标题】: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-askstackoverflow.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 显示在幻灯片图像上方

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2021-05-27
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2020-03-07
        • 1970-01-01
        • 2013-07-01
        • 1970-01-01
        相关资源
        最近更新 更多