JQuery fadeIn（）移动fadeIn（）上的其他CSS元素

我刚刚学习了一些jQUery，以便在我为一家酒店创建的网站上获得一个基本的图像库，但目前还没有计划。我已经得到了它，所以箭头将在图像中循环（还没有动画），但我决定箭头应该在图像悬停时淡入，否则淡出，但这会以某种方式弄乱CSS

箭头通过调用开始淡出：

$（'.arrowRight'）。淡出（0）$（'.arrowLeft'）。衰减（0）

在jQuery ready（）函数的开头

这很好，但是当你将鼠标悬停在图像上，箭头淡入时，图像会向右移动，我不知道为什么。我想这可能是因为左箭头现在淡入意味着它被它压过，但该箭头具有以下css：

position:relative;
top: -90px;
left: 25px;

相对元素是否应该能够改变正常元素的位置

如果您需要尝试，只需将鼠标悬停在大的（占位符）图像上，箭头淡入时图像将跳过，淡出时图像将跳回

知道为什么会这样吗？我是一个jquerynoob

以下是该页面的链接：

谢谢你抽出时间

InfinitiFizz
当图像淡入时，图像周围的超链接似乎将所有内容推向右侧。尝试将样式应用于该图像，而不是图像本身

如果你还没有使用firebug，我建议你使用它，这样可以更容易地确定为什么会发生某些事情

编辑：
事实上不仅仅如此。在imageContainer上抛出相对位置，并使超链接位置为绝对位置。
\imageContainer
应具有：
位置：相对位置

箭头左
应具有：

position:absolute;
top:90px;
left:5px;

相对定位的图元会占用布局中的空间。因为你的箭头是相对定位的，所以当它们出现时，它们会撞击周围的物体

为了不发生这种情况，需要绝对定位图像“顶部”的项目。这意味着它们不再是布局流程的一部分，而是位于布局的“顶部”

绝对定位的项目需要原点（0,0）的参考点。这些项查看它们的包装器并沿着HTML树向上移动，直到找到第一个相对定位的元素来确定它们的原点。如果没有，则使用
作为参考点

由于我们正在将
位置：相对
添加到
图像容器
，因此容器现在成为参考点，允许您使用
顶部：
和
左侧：
精确定位箭头，因为该方法将
无
指定给元素的
显示
属性。

尝试将目标元素的
位置
更改为由
相对
定位元素包裹的
绝对

.fadeOut（）
方法为匹配元素的不透明度设置动画。不透明度达到0后，“显示样式”属性设置为“无”，因此该元素不再影响页面布局。

--

你做错了，伙计：）你需要这样做：

1） 
位置：
图像容器的相对位置

2） 
position:absolute
用于
arrorLeft
和
arrowRight
家长（链接也是如此），并尝试与
left
和
top
一起玩

完成此操作后，您在页面上跳转不会有任何问题：）
您可能想查看。感谢大家的评论，并感谢大家向我展示了我需要了解的内容：）现在它正在使用大家基本上都说的建议，关于使容器相对和箭头绝对。现在，我只需要解决如何在使用replaceWith（）yay之后继续执行事件。谢谢大家。还有一个问题很抱歉，我现在已经更新了页面（更改fund.CSS中的CSS和gallery.js中的一些jQuery，以便在更改库中的图像时委派事件）。悬停在元素不跳跃的情况下工作得很好，但我现在的问题是，在#imageContainer上方和下方悬停时，箭头将淡出，但不会在其左侧或右侧。此外，箭头右键的淡入淡出似乎会影响Internet Explorer对其的渲染，但箭头左键看起来不错，有什么想法吗？对不起，如果我在新问题中问这个问题。谢谢这会干扰居中的页面。。因为当您调整浏览器窗口的大小时，绝对定位的div将根据窗口的大小向左或向右移动？你想回答原来的问题吗？如果你是，请进一步澄清你的答案。如果没有，你应该发表评论。