jQuery Skitter Slideshow與下拉菜單重疊

我將jquery skitter幻燈片放置在我的動態下拉菜單欄上方。當我將鼠標懸停在我的菜單上並出現幻燈片的其他圖像時，它與我的網站的下拉菜單重疊。jQuery Skitter Slideshow與下拉菜單重疊

檢查這個網站：

我想使用的z-index CSS，因爲我的下拉菜單是動態的，解決不了這個問題，它可能有許多子菜單。有沒有解決這個問題的代碼？

在此先感謝。

2014-08-30 Jklyn

通常使用z-index應該可以解決你的問題，但很難猜測不知道網站，css和你的下拉菜單不是像預期的那樣顯示。但是，向下拉菜單容器添加高Z索引可能會起作用。 – 2014-08-30 13:00:21

@matthias_h請問我應該給我多少價值？ – Jklyn 2014-08-30 13:12:22

z-index的值有多高並不重要，它只是要高於幻燈片的z-index。例如。如果100無法正常工作，只需嘗試1000.如果網站在線，只需提供一個鏈接，就在這裏猜測。如果它不起作用，請檢查導致問題的幻燈片的z-index值;也許它可能有助於爲它設置一個較低的z-index而不是下拉菜單，只是爲了安全起見。我承認我不知道Skitter Slideshow，因此不知道那裏的js/css是否阻止了這種方法。試試吧。 – 2014-08-30 13:18:25

剛剛測試了它 - 添加

#listMenuRoot li { 
z-index: 50000 !important; 
}

您listmenu_h.css，對我的作品。我剛剛添加！重要的是覆蓋您爲li添加的z-index 1和2。對於加載圖像，skitter.css中最高的z-index是10000，因此10000以上的所有內容都應該足夠了，但只需將其檢出即可。如果它不起作用，那麼有必要檢查skitter-js是否設置了我在Firebug中檢查時沒有注意到的其他東西。

更新的意見（縮略圖顯示點導航）第二個問題：只注意到計算的飛掠div .preview_slide和/或本div的ul（具有預覽圖像作爲內容的li爲position: left值像

<ul style="width: 400px; left: -200px;"> 
    <li> 
    <img src="img/example/001.jpg"></li> 
    ....

將不匹配，以顯示您的圖片像預期值稍微偏離了約40像素正如我在飛掠評論注意到 - 。Skitter Comments - 這可能是你在飛掠調整值.styles.css代碼爲.box_skitter和.box_skitter_large，因爲您在頁面上使用的圖像具有不同的大小。

飛掠CSS：

.box_skitter { 
    width: 964px; 
    height: 300px; 
    ...

您的影像出現width: 960px, height: 330px;，也許因此位置計算錯誤。如果沒有幫助，您可以在Skitter評論頁面上寫下評論，描述您的問題，看起來Skitter作者似乎關心使用滑塊出現問題的人。

來源

2014-08-30 15:01:26

是的，它的工作。 Thankx很多這個解決方案。 – Jklyn 2014-08-30 15:56:01

當您將鼠標懸停在點上時，也是一件小事，縮略圖無法正確顯示。有沒有解決方案？ – Jklyn 2014-08-30 16:01:01

很高興幫助你。關於縮略圖 - 我會看看它，也許它只是爲skitter設置添加的東西。當你將鼠標懸停在左右點之間時，prev./current和current/next圖像的一部分顯示爲縮略圖，所以也許只有一些像素可以添加到skist css中，以防在使用內部設置。 – 2014-08-30 16:43:39

jQuery Skitter Slideshow與下拉菜單重疊

回答

相關問題