Javascript(购物车)出现在其他内容下？

Question

大家好，就 css 和 javascript 而言，我是个新手。我正在使用的新主题是让我的 paypal minicart 显示在内容下方，因此您不能单击它，也不能从中删除内容，但您可以看到购物车稍微落后于其他内容。如何让我的 minicart 呈现在所有其他 css 和其他 javascript 之上...？非常感谢任何帮助

minicart js代码托管在我的服务器上，这是我放在主页上的:

<script src="/files/minicart.min.js"></script>
<script>
        paypal.minicart.render();
</script>

我有一个实时聊天窗口 (JS)，它似乎位于顶部，但无法弄清楚如何让我的“查看购物车”按钮和购物车弹出窗口也位于顶部。

至于查看购物车，我的按钮看起来像这样，但它仍然不是 100% 在顶部:

<div style="padding: 5px 0 0 5px; height: 100%; width: 10%;position:fixed;right:0;top:0">
<form><input type="hidden" name="cmd" value="_cart">
<input type="image" width="30" src="http://trydeal.com/files/gray_cart.png" align="right" name="submit">
</form></div>

临时站点位于:http://trydeal.com/test

Answer 1

主要问题是因为“body > #wrapper > section”div 的 z-index。要解决此问题，您可以为“#PPMiniCart”提供更多 z-index。

#PPMiniCart {
  left: 49%;
  position: fixed;
  top: 20px;
  z-index: 200;
}