壞Css設計導致第三方菜單弄亂圖像和LI標籤

-3

你好，我正在網站上工作。在添加第三方菜單css或Jscript時，它會混淆我網站的<li>標記。壞Css設計導致第三方菜單弄亂圖像和LI標籤

我在某處讀到我的div標籤應該在css中正確關閉。但浪費2天后我無法做到這一點。我嘗試了Jscripts菜單和CSS菜單，但它們似乎都搞亂了一切。

這裏是鏈接到網站..你可以看到在default.aspx頁面上的三個大圖像已停止滑動。此外，在gallery.aspx頁面中，圖像滑動爲我沒有在那裏使用相同的菜單。

我加入CSS文件的一部分。請看看這個。

css可以在這裏看到的網站資源。

不喜歡獨佔異地資源，不要指望人們去查找有問題的文件。包括這些文件的相關摘錄。 – zellio 2012-03-28 15:07:53

這是網站上很普遍的事情，我認真地認爲你不需要第三方的東西......你擁有的任何東西都已經超級簡單。我會研究CSS或jQuery的飛出菜單教程...放下第三方混亂。 – Timmerz 2012-03-28 15:09:31

原因是，你的div #menuh-container是巨大的，並且比其他元素具有更高的z-index，這意味着它出現在它們之上。您可能會注意到您也無法突出顯示搜索字段。

您應該爲您的其他元素提供比菜單容器更高的z-index，以便它們位於其上方，或者甚至可以更好地編輯菜單容器以使其更小（理想情況下只是實際菜單的大小並且不會更大）。

希望有所幫助。

2012-03-28 15:09:30 Johno

你已經到了一半，但'＃menuh-container'沒有尺寸規則，所以問題出在它的孩子身上。而且，降低z-index會導致子菜單被圖像覆蓋。 – 2012-03-28 15:18:49

你的問題是animated-menu.css的第16行。您正在設置margin: 40em來將您的菜單相對於屏幕左側放置（爲什麼不使用position:absolute;right:0？），並且在菜單底部添加了一個巨大的邊距，使菜單遮蓋圖像，阻止點擊。

如果將此更新爲margin-left: 40em，則會消除額外的餘量並糾正問題。

2012-03-28 15:15:49

回答