Z 索引或层顺序

Question

我正在这个这个网站工作

，除了狗之外，大部分都很好。 “宠物友好产品” 正如您所看到的，他坐在图形下方，围栏上。所以颜色重叠就结束了。理想情况下，我需要狗坐在该层之上。

关于如何实现这一目标有什么建议吗？

提前致谢。

Answer 1

将以下属性添加到狗中：

position: relative;

仅定位元素遵守 z-index 规则（如果未定义 z-index，则层顺序由页面中元素的实际顺序定义）。

Answer 2

更改图像中类的 css
通过

.petfriendly{
    float: right;
    left: 834px;
    margin-right: 20px;
    margin-top: -130px;
    position: absolute;
}

定位图像，它将被定位在顶部。

Answer 3

您需要将 position 设置为与 static（默认值）不同，才能使 z-index 正常工作。

试试这个：

.petfriendly {
  float: right;
  margin-right: 20px;
  margin-top: -130px;
  position: relative; // added
}