Z图像的两个图像相对

Question

我有一个小问题，我似乎无法弄明白。 我试着搜索这个问题，但我似乎无法找到一个可靠的答案。

看看这个例子： Fiddler

这很简单。我有一个以屏幕为中心的div。 这个div包含一个图像，我想根据XY位置将另一个图像放在上面。 （通常我从数据库中获取这些XY位置，但为了清楚这个例子，我对它们进行了硬编码）。

当我运行代码时，我的图像位于我的第一张图像旁边。我添加了z-index，但这似乎不起作用。我读过一些关于相对z-indexing无法正常工作的帖子，但有人可以帮我解决这个问题吗？

提前谢谢大家。 亲切的问候， Luuk86

Answer 1

要使用X Y位置定位元素，您应该使用position: absolute;

如果要将其放置在另一个元素中，请将position: relative;添加到容器中。