我正在使用淡入/淡出效果来定期更改标题图像。这没关系，但是当我在此图像上有一个框（覆盖标题图像的下拉菜单）时，在淡入淡出动画期间，覆盖的框会消失并随着淡入淡出返回。覆盖框是绝对定位的，并放置在标题之外。有人知道这是否可以解决吗？
【问题讨论】：
编辑： 现在你已经提供了你所看到的视频（但仍然没有 HTML/CSS），我的下一个猜测是你有一个z-index 问题，其中菜单的 z-index 并不总是高于两个渐隐的东西。我建议在菜单上设置/提高 z-index 以确保它位于任何其他页面对象之上。
由于您尚未提供 HTML，因此这里猜测可能发生的情况。
当fadeOut() 动画完成时，它会将对象设置为display: none，从而将其从页面布局中移除。如果这是定义盒子大小的东西，那么盒子的大小将会改变。
所以，您可能需要做的就是在没有对display: none 做任何事情的情况下制作动画。这可以通过多种方式完成。一种简单的方法是使用.fadeTo() 而不是.fadeIn() 和.fadeOut()。您可以使用它来将不透明度设置为 0 或 1，但对象仍将保留在页面中，因此您的布局不会受到影响。
您可以在此处查看其工作原理的示例：
http://jsfiddle.net/jfriend00/UufNc/
如果这不是您想要解决的问题，请提供相关的 HTML 和 javascript，以便我们了解您真正想要解决的问题。
【讨论】：
我今天解决了。我不知道问题出在哪里，因为我完全重写了这部分的 html 和 css 代码。可能它是 z-index 和绝对定位元素的某种混合。我确信菜单的一部分在横幅容器之外并且有最高的 z-index 但在这种情况下可能有某种魔法:)
【讨论】：