图像 css 层

Question

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

谁能解释为什么会这样？并帮我解决它？

提前谢谢，

Answer 1

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

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