用两个div覆盖z-index问题

Question

我有包装顶级div和购物车div，我想使用z-index将购物车img overlay放在包装上。但是我无法得到它，你能不能帮助我。

.wrapper-top{
  position:fixed;
  z-index:1000;
}
.shopping-cart{
  position:relative;
  z-index:1001;
}

<div class="wrapper-top">
   <a>logo</a>
   <nav></nav>
</div>
<div class="shopping-cart">
    <img src="shopping-cart.png"/>
</div>