CSS两个图像相互之间

Question

我有两张图片，一张应该像这张图片略高一些。

这就是我到目前为止所做的：http://www.ryansammut.com/orijen/products.html目前，如果我略微向下，其他图像将覆盖狗的图像。

Answer 1

你可以解决这个问题，让你的狗形象比另一个更高z-index。 （或者只是在DOM中按正确的顺序排列）

在你的情况下：

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

结果：

Answer 2

修改#dogsProducts规则并将其z-index设置为1000（大事）。

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