花式框出現在CSS菜單下

聆聽;我已閱讀並閱讀，但無法找到適合我的問題的答案。花式框出現在CSS菜單下

我在我的網站上使用Fancy Box http://www.houdi.se/video.shtml，但出現問題，當點擊視頻鏈接（其響應）時，Fancy Box出現在菜單下。在瀏覽器中查看，填滿後沒有問題。但是，縮小瀏覽器時出現菜單問題。在iPad中查看頂級視頻。

我使用ProjectSeven的Adaption-plugin作爲網站。這是一個響應式CSS佈局：http://projectseven.com/products/templates/pagepacks/adaptations/index.htm

該插件還使用Project Seven的Pop Menu Magic 2作爲菜單。

我不是一個代碼嚮導，但我試圖增加z-index，但它沒有工作，或者我沒有增加裂痕一個？

現在已經花了幾個小時處理這個問題，並樂意爲我所得到的所有幫助。告訴我你想看什麼代碼（或者看看）。從這個

來源

2013-01-16 user1958842

刪除的z-index DIV包含菜單：

<div id="p7PMM_1" class="p7PMMh19" style="position: relative; z-index: 999999;">

來源

2013-01-16 14:50:22

非常感謝你的努力幫助我out.Darn。它沒有工作。試圖在我的CSS文件中查找該實例。已經做了一些改變，但沒有奏效。 – user1958842

的原因，菜單上的fancybox的頂部，因爲你包括其操縱網頁上的腳本7個PMMscrips.js主菜單的z-index和位置屬性。

解決這將是剛剛下面的CSS添加到您的主css文件中以輕鬆的方式：

#p7PMM_1 { 
    position: static !important. 
}

這將解決這個問題，但我不會推薦它作爲使用重要的是一個非常糟糕的實踐。你可以閱讀更多關於爲什麼在這裏：What are the implications of using "!important" in CSS?。

如果我在哪裏，我會考慮刪除這個腳本，而只用純CSS創建主導航。

來源

2013-01-16 14:55:09 lingonhatt

謝謝你試圖幫助。非常感謝。添加到我的CSS文件，但它沒有奏效。也許我做錯了或錯過了什麼？ – user1958842

我沒有專家，但看着你的導航欄的css文件，你沒有任何z-index，所以你可以嘗試添加它。

你的華麗盒子css文件有幾個，最低的是z-index：8010;所以設置導航到下面應該解決它。

嘗試使用此代碼：

.navigation { 
    background-color: #000000; 
    background-image: url(images/chameleon.jpg); 
    background-repeat: no-repeat; 
    background-position: 0px -60px; 
    position: relative; 
    z-index: 90; 
    }

來源

2013-01-16 15:09:21 mally

謝謝你的幫助。補充說，但它沒有奏效。也許我錯過了正確的CSS文件？ – user1958842

我已經更新了我在我的服務器上測試過的導航條碼。 – mally

花式框出現在CSS菜單下

回答

相關問題