图像css图层

Question

有没有办法让一个页面的图像变成不同的图层，这样它们可以在不影响其他图像/元素的情况下移动？我尝试使用z-index工作，但奇怪的是页面变得更高，当我使用jQuery.position.left / top时，我得到的位置不同于图像所在的位置，例如：我使用jquery.draggable （）;当我检查页面的源代码时，我将图像移到彼此之上，我在前面找到了位置上的图像。 （422，-330），但是当我使用jquery.position.left + jquery.position.top时，位置是（455,313）。

有人可以解释为什么会这样吗？并帮我解决它？

提前完成，

Answer 1

“堆叠”图像的父容器需要具有位置：相对设置，然后图像可以具有绝对位置。

如果这将是您在整个网站中所做的事情，那么可重复使用的模式将是一个容器元素（具有位置：相对），然后所有图像都可以堆叠在其中。