Javascript（shopping cart）顯示在其他內容下？

嘿傢伙我是一個新手，只要CSS和JavaScript去。我使用的新主題是讓我的貝寶miniicart在內容下顯示，因此您不能點擊它，也不能刪除它，但您可以看到購物車稍微落後於其他內容。我如何讓我的minicart渲染在所有其他CSS和其他JavaScript的頂部......？任何幫助非常讚賞Javascript（shopping cart）顯示在其他內容下？

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

來源

2014-04-25 J-T

你是什麼意思與「上面」？ – timbernasley

如果你想要一個html元素在另一個之上，你可以使用css屬性z-index。只需google z-index就可以找到關於它的文檔。 –

@RyanSmith把它放在一個答案中，我認爲這就是他所需要的 – timbernasley

我能夠使用我的瀏覽器將z-index屬性添加到元素。將它添加到您的CSS，它將被修復！

.minicart-showing #PPMiniCart { 

    z-index: 1000 !important;  

}

enter image description here

來源

2014-04-25 06:01:23

真棒，z-index：1000！important;修復。我應該真的瞭解更多關於CSS的知識，看起來很酷。感謝噸芽。 –

@SamT。沒問題！如果有幫助，請接受我的回答。星期五快樂！ –

的主要問題是因爲Z的「body>＃wrapper> section」div的索引。要解決這個問題，你可以給「#PPMiniCart」更多的z-index。

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

來源

2014-04-25 05:57:33 Sandeeproop

Javascript（shopping cart）顯示在其他內容下？

回答

相關問題