Question

当我尝试将一个元素放在我的jQuery Cycle元素之上时，它不起作用。该元素始终位于jQuery循环元素之后。我用float：right;定位元素，并将其z-index设置为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' />

Answer 1

浮动不会仅触发z-index
Position: Relative和position: Absolute

所以试试这些..你可能想尝试添加position:relative，
在大多数情况下它不会产生任何影响，但会让您访问 z-index

Answer 2

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

Answer 3

我遇到了同样的问题，但对我来说最后的修复是将我希望在我的动画上方浮动的东西设置为一个非常高的数字（在我的情况下为100）。似乎Cycle分配了它自己的z索引（它们是单个数字，但仍然大于1或2，这是我最初设置浮动对象的z索引的地方）。

Answer 4

只需将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

jQuery循环插件z-index浮点问题

4 个答案: