淡入淡出效果和覆蓋框

我使用淡入/淡出效果來定期更改標題圖片。這是可以的，但是當我在這個圖像上有一個框（覆蓋標題圖像的下拉菜單）時，在淡入淡出動畫期間，覆蓋框消失並返回fadeIn。覆蓋框絕對定位並放置在標題外。有誰知道這是否可以解決？淡入淡出效果和覆蓋框

2011-10-05 Bruce

請問您提供了一些截圖以便更好地理解元素？ – veritas

這是帶有問題的短片[link]（http://www.youtube.com/watch?v=vvc2nGsrMeE） – Bruce

需要一些html/css來幫助你。理想情況下，您可以在http://jsfiddle.net上設置測試用例。 – Pat

我今天就解決了。我不清楚問題出在哪裏，因爲我完全重寫了這部分的html和css代碼。可能它是z-index和絕對定位元素的混合物。我確信菜單的部分是在橫幅容器的外面，並且有最高的z-index，但在這種情況下可能有某種魔術:)

2011-10-15 10:50:14 Bruce

編輯：現在您提供您所看到的（但仍然沒有HTML/CSS）的視頻，我的下一個猜測是，你有一個z-index的問題，即在菜單沒有按」 t總是比兩個消失的東西具有更高的Z指數。我會建議設置/提高菜單上的z-index，以確保它位於任何其他頁面對象之上。

由於您尚未提供HTML，因此您可以猜測可能發生的情況。

當動畫完成時，它將該對象設置爲display: none，從而將其從頁面佈局中移除。如果這是你的盒子的大小，那麼盒子的大小就會改變。

所以，你可能需要做的是在沒有做任何事情的情況下動畫到display: none。這可以通過多種方式完成。一個簡單的方法是使用.fadeTo()而不是.fadeIn()和.fadeOut()。您可以使用它來將不透明度設置爲0或1，但該對象仍將保留在頁面中，因此您的佈局不會受到影響。

你可以看到這是如何工作的在這裏例如：

如果這不是你試圖解決這個問題，那麼請包括相關的HTML和JavaScript，所以我們可以看到什麼你真的想做。

2011-10-06 00:03:35 jfriend00

我根據您的視頻更新了我的答案並添加了新的猜測。 – jfriend00

回答