我使用淡入/淡出效果來定期更改標題圖片。這是可以的,但是當我在這個圖像上有一個框(覆蓋標題圖像的下拉菜單)時,在淡入淡出動畫期間,覆蓋框消失並返回fadeIn。覆蓋框絕對定位並放置在標題外。有誰知道這是否可以解決?淡入淡出效果和覆蓋框
回答
我今天就解決了。我不清楚問題出在哪裏,因爲我完全重寫了這部分的html和css代碼。可能它是z-index和絕對定位元素的混合物。我確信菜單的部分是在橫幅容器的外面,並且有最高的z-index,但在這種情況下可能有某種魔術:)
編輯:現在您提供您所看到的(但仍然沒有HTML/CSS)的視頻,我的下一個猜測是,你有一個z-index的問題,即在菜單沒有按」 t總是比兩個消失的東西具有更高的Z指數。我會建議設置/提高菜單上的z-index,以確保它位於任何其他頁面對象之上。
由於您尚未提供HTML,因此您可以猜測可能發生的情況。
當動畫完成時,它將該對象設置爲display: none
,從而將其從頁面佈局中移除。如果這是你的盒子的大小,那麼盒子的大小就會改變。
所以,你可能需要做的是在沒有做任何事情的情況下動畫到display: none
。這可以通過多種方式完成。一個簡單的方法是使用.fadeTo()
而不是.fadeIn()
和.fadeOut()
。您可以使用它來將不透明度設置爲0或1,但該對象仍將保留在頁面中,因此您的佈局不會受到影響。
你可以看到這是如何工作的在這裏例如:
http://jsfiddle.net/jfriend00/UufNc/
如果這不是你試圖解決這個問題,那麼請包括相關的HTML和JavaScript,所以我們可以看到什麼你真的想做。
我根據您的視頻更新了我的答案並添加了新的猜測。 – jfriend00
- 1. FFMPEG淡入淡出覆蓋
- 2. MooTools淡入淡出效果
- 3. 與淡入淡出效果
- 4. 淡入淡出效果
- 5. CSS3 - 淡入淡出效果
- 6. 淡入淡出效果
- 7. jquery淡入淡出效果
- 8. CSS縮小和淡入淡出效果
- 9. 淡入和淡出效果與jQuery
- 10. 滑動和淡入淡出效果
- 11. AVAssetExportSession和淡入淡出效果
- 12. jQuery的淡入和淡出效果
- 13. Mootools覆蓋淡入
- 14. asp.net&jquery淡入淡出效果
- 15. 淡入淡出效果只閃爍
- 16. PHP - 文本淡入淡出效果?
- 17. 菜單中的淡入淡出效果
- 18. jQuery圖片淡入淡出效果
- 19. AnythingSlider與淡入淡出效果
- 20. 用CSS3淡出/淡入效果
- 21. Javascript/jquery淡入淡出效果衰退
- 22. 使用scriptaculous的淡入淡出效果
- 23. 對JXFrame的SwingX淡入淡出效果?
- 24. jquery ajax成功淡入淡出效果
- 25. jQuery的淡入淡出效果,
- 26. jQuery淡入淡出效果取代div
- 27. 對easyslider 1.7的淡入淡出效果?
- 28. 使用CSS淡入/淡出效果
- 29. 在jquery中淡入淡出效果
- 30. jquery onclick淡入淡出效果
請問您提供了一些截圖以便更好地理解元素? – veritas
這是帶有問題的短片[link](http://www.youtube.com/watch?v=vvc2nGsrMeE) – Bruce
需要一些html/css來幫助你。理想情況下,您可以在http://jsfiddle.net上設置測試用例。 – Pat