8

当我尝试在我的 jQuery Cycle 元素上放置一个元素时,它不起作用。该元素始终位于 jQuery 循环元素之后。我使用浮动:对;定位元素,并将其 z-index 设置为 100000,但无济于事。

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

该元素永远不会显示在 Cycling 图像上方。

<!-- 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

4 回答 4

14

浮动不会触发 z-index,只有
Position: Relativeposition: Absolute

所以试试这些..你可能想尝试添加position:relative
它大多数时候不会影响任何东西,但会让你访问z-index

于 2009-05-18T13:10:58.293 回答
0

我知道这是一个旧线程......但想把它放在这里......我在我的网站中使用了演示周期并遇到了类似的问题,尝试了这里建议的解决方案......我改变了 Z-在我自己的css文件中的许多地方都有索引....但最后发现问题出在循环本身的css中......更改其中的z-index有助于解决我的问题。

于 2011-12-31T17:58:45.167 回答
0

我遇到了同样的问题,但对我来说最后的解决方法是将我想要漂浮在动画上方的东西的 z-index 设置为一个非常高的数字(在我的情况下为 100)。似乎 Cycle 分配了它自己的 z-indexes(它们是个位数,但仍然大于 1 或 2,这是我最初设置浮动对象的 z-indexes 的地方)。

于 2012-07-18T03:27:24.470 回答
0

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

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

详细信息请参阅在 jQuery Cycle 幻灯片放映上方的 z-index 处显示 div

于 2014-04-20T09:35:09.080 回答