CSS两张图片叠加

Question

我有两个图片，其中一个应该像这个一样稍微高出来。 目前我已经做到了这一步：http://www.ryansammut.com/orijen/products.html。目前，如果我把它稍微往下放，另一个图像就会覆盖狗的图像。

- Ryan S

---

你在CSS中使用z-index属性吗？ - user557419

现在我做了，问题已解决 - Ryan S

该死！这违背了StackOverflow的初衷！它是为了帮助未来的人们，但由于网站崩溃了，没有人在这里复制代码，所以这个线程几乎没有用处...我已经设置了z-index，并且元素正在浮动，但它们仍然无法堆叠，我想知道在HTML和其他CSS元素中有什么不同之处，但现在无法进行任何研究... - BillyNair

@BillyNair - 你尝试在你的CSS中使用!important属性了吗？ - Ryan S

不，我没有，但我找到了这个问题：http://stackoverflow.com/questions/7697674，实际上，那正是我想做的事情。(我原本打算进行剪辑等操作，但这种方法直接切入了需要完成的核心部分) - BillyNair

Answer 1

您可以通过给您的狗的图像设置更高的z-index来解决此问题（或者只需在DOM中正确排列即可）。在您的情况下：

#dogsProducts {
 ...
 z-index: 2;
}

结果：

- meo

---

非常感谢，我没有意识到它是那么简单的。 - Ryan S

Answer 2

编辑#dogsProducts规则，并将其z-index设置为1000（非常大的值）。

#dogsProducts {
  height: auto;
  left: 430px;
  position: absolute;
  top: 830px;
  z-index: 1000;
}

- Gabriele Petrioli