jQuery Cycle插件z-index浮點問題

當我嘗試在我的jQuery Cycle元素上放置一個元素時，它不起作用。該元素始終在jQuery循環元素後面。我使用float：right;定位元素，並將其z-index設置爲100000，無濟於事。jQuery Cycle插件z-index浮點問題

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' />

來源

2009-05-18 Antony Carthy

這個問題有一些有趣的答案「的人> = 10K代表:) – alex 2010-05-31 01:35:06

浮動不會觸發的z-index，只有
Position: Relative和position: Absolute

所以嘗試這些..你可能想嘗試加入position:relative，
它不會影響任何東西最的時間，但會給你訪問Z指數

來源

2009-05-18 13:10:58 vsync

謝謝！ CSS不會凝結我的頭。這是如此高的水平，但似乎有真正挑剔的要求。我不太瞭解它，並且是第一個承認它。您的解決方案完美運作任何想法爲什麼一個元素需要？我雖然位置：相對;是默認的？ – 2009-05-19 07:11:29

我知道這是一個古老的線程....但想到把我這裏.....我在我的網站中使用了presentationcycle並面臨類似的問題，嘗試了這裏提出的解決方案.....我改變了Z-index在我自己的css文件中的許多地方....但最後發現問題出在循環本身的css中......改變z-index有助於解決我的問題。

來源

2011-12-31 17:58:45 anoop4real

我有同樣的問題，但對我來說，最後的解決方案是將我想要浮動的東西設置在我的動畫上的z-index爲一個非常高的數字（在我的情況下爲100）。看起來，Cycle指定它自己的z索引（它們是單個數字，但仍大於1或2，這是我最初設置浮動對象的z索引的地方）。

來源

2012-07-18 03:27:24 LikeMaBell

只需添加的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

來源

2014-04-20 09:35:09

jQuery Cycle插件z-index浮點問題

回答

相關問題