如何使一个固定位置的元素处于另一个固定位置元素之上

Question

我希望将这个购物车的div跟随用户的视口(http://testshop.michaelkenji.com/)，所以我尝试简单地在它的样式表中注入div { position:fixed }，它起作用了，但是有一些复杂的问题，我来这里问一下。

问：如果有两个固定元素，并且它们相互碰撞，哪一个会处于顶部？ 问：如何使一个元素成为绝对的“顶部”(只使用css)？

- Michael Kenji

---

也许你正在寻找z-index？ - user4266696

Answer 1

当您希望将元素重叠在顶部时，应该使用更高的z-index值，例如：

当你想要在顶部重叠元素时，你应该使用较高的z-index值，例如：

div{
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1;
}

div{/*this div will be on top layer of previous div*/
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;/*because of higher z-index*/
}

- Bhojendra Rauniyar