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

Question

我想让这个购物车的div跟随用户的视口（http://testshop.michaelkenji.com/），所以我试着简单地将div {position：fixed}注入它的样式表，它有效，但我在这里要提出并发症。

问：给定两个固定元素，它们会发生碰撞，哪一个会在顶部？ 问：如何使元素成为绝对的＆＃34; top＆＃34; （仅限css）

Answer 1

如果要在顶部重叠元素，则应使用更高的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*/
}