我正在使用fadeIn / fadeOut效果来定期更改标题图像。没关系，但是当我在该图像上有一个框（覆盖标题图像的下拉菜单）时，在淡入淡出动画期间，覆盖的框会消失，并以fadeIn形式返回。覆盖的盒子是绝对定位的，位于标题的外面。有人知道这是否可以解决吗？
最佳答案
编辑：现在，您已经提供了所见视频（但仍然没有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，以便我们了解您的实际意图。
关于jquery - 淡入淡出效果和覆盖框，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/7668565/