jQuery绑定位置：绝对的元素

Question

我的情况是：

<div class="hey1"><img class="img1"></img></div>
<div class="hey2"><img class="img2"></img></div>
<div class="hey3"><img class="img3"></img></div>

所以.img imgaes在位：绝对;绑定到相关.hey div的右上角

当我fadeOut（）;例如.hey1 div，另一个.hey2，.hey3 divs在顶部（右侧）滚动更多但是绑定的图像保持在相同的绝对位置，我想要的是在淡出相关div时绑定.img图像

任何方式做到这一点？

Answer 1

确保您的容器div具有position。

示例：http://jsfiddle.net/redler/D6Ucg/

在示例中，单击黄色框使其淡出。然后看看如果在删除div { position: relative; }样式后重新运行测试会发生什么。

Answer 2

不要在img元素中绝对定位div元素，而是相对定位它们。这样，当div通过滚动或以编程方式重新定位时，它们将与div一起移动。