代码之家  ›  专栏  ›  技术社区  ›  Antony Carthy

jquery循环插件z-索引浮动问题

  •  8
  • Antony Carthy  · 技术社区  · 16 年前

    当我试图将一个元素放在jquery cycle元素之上时,它不起作用。元素总是在jquery cycle元素后面。我使用float:right;定位元素,并将其z索引设置为100000,但无效。

    Firebug将cycle元素及其子元素视为具有较低的z索引,并将浮动元素显示在正确的位置。

    元素从未显示在循环图像上方。

    <!-- the cycling set -->
    <div id='headerimages'>
        <img src='images/header1.jpg' alt='' style='' />
        <img src='images/header2.jpg' alt='' style='' />
        <img src='images/header3.jpg' alt='' style='' />
    </div>
    <!-- the floating element -->
    <img src='images/logotransparent.png' alt='' id='logo' /> 
    
    4 回复  |  直到 11 年前
        1
  •  14
  •   vsync    13 年前

    浮动不触发Z索引,只
    Position: Relative position: Absolute

    试试这些…您可能想尝试添加 position:relative ,
    大多数时候它不会影响任何东西,但会让你 Z指数

        2
  •  0
  •   anoop4real    13 年前

    我知道这是一个旧的线程……但是我想把它放在这里……我在我的站点中使用了PresentationCycle,遇到了类似的问题,尝试了这里建议的解决方案……我在我自己的CSS文件中的许多地方更改了z索引……但最终发现问题在循环本身的CSS中……更改其中的z索引有助于解决我的问题。问题。

        3
  •  0
  •   LikeMaBell    13 年前

    我也有同样的问题,但最后一个解决方法是将我想要在动画上方浮动的对象的z索引设置为一个非常高的数字(在我的例子中是100)。似乎cycle为它分配了自己的z索引(它们是单位数的,但仍然大于1或2,这是我最初设置浮动对象的z索引的地方)。

        4
  •  0
  •   Community CDub    8 年前

    只需将z-index样式添加到循环容器

    .cycle-slideshow {
     z-index: 0; // or any smaller value to the covered div's
    }
    

    详情见 Displaying a div at a z-index above a jQuery Cycle slide show