與基金會的Javascript衝突

我已將Foundation安裝在使用prettyPhoto的應用程序中。與基金會的Javascript衝突

的問題是頂欄菜單中禁用（懸停，鏈接，下拉全部禁用as per this page here在某些頁面，而任何其他for example here頁面上的功能都完全支持。

我已經分離的問題下面生成的代碼：

<a href="/uploads/catalog/image/8/3210.jpg" rel="prettyPhoto[]" title="3210F - Women&#x27;s-T 80/20"><img alt="Base_3210" src="/uploads/catalog/image/8/base_3210.jpg" /></a>

如果它被刪除，函數返回我相信這是一個JavaScript的問題，因爲鏈接和CSS似乎不會引起其他頁面位置的問題...

這兩組函數如何共存？

來源

2014-06-05 Jerome

問題不在於JavaScript衝突。這是因爲

<div id="container">

根據CSS

#container { 
    margin: 0 auto; 
    position: absolute; 
    padding-top: 50px; 
    padding-left: 142px; 
    z-index: 300; 
}

您的z-index是300，這意味着它的一切，包括幾個菜單選項的頂部。刪除你的z-index屬性一切都應該很好

來源

2014-06-06 06:33:43 Sudheer

就是這樣。考慮到頂部填充，我們並不期待這樣的結果。期待它毫髮無損地通過。實際上我有背景圖片需要在容器下面，所以我確實切換了一些z-indicies。容器css現在位於標題css下方，但位於頁腳css之上。 Z-indicies可以保留，但它們必須正確分層。好的教訓。感謝名單！ – Jerome

很高興我能幫忙.. :) – Sudheer

與基金會的Javascript衝突

回答

相關問題