下拉菜單不能從CSS或Javascript工作？

我想弄清楚爲什麼我的下拉菜單不起作用。下拉菜單不能從CSS或Javascript工作？

這裏是我工作的頁面：http://www.privateservercloud.com/

如果你將鼠標懸停在該地區的「管理廣告」，你應該看到，「搜索引擎優化儀表板」會出現一個下拉菜單左側。

當我添加了我無法弄清的下拉菜單時，發生了3件事。

的「SEO信息中心」鏈接得到推向右側時li應該是很左。
「SEO儀表板」文本完全消失，除非您將它懸停在上面。
的下拉菜單中有黑色方塊不我用它在其他網站上出現...

有人能看到什麼會引起這些東西的時候發生我添加了下拉菜單？

編輯：一切似乎是固定的，除了＃1。在「搜索引擎優化信息中心」鏈接應該是很左，但仍然沒有出現正常工作...

來源

2014-10-09 Username

我要解決以下的問題：

1，「SEO信息中心」鏈接得到推向右側時，李應到最左邊。

您所有的.navbar .nav元素都有內聯樣式left:156px;。刪除，你的鏈接將正確顯示

2.「SEO儀表板」文本完全消失，除非你把它徘徊。

您的第一個.navbar .nav元素的內聯樣式爲visibility:hidden;。刪除這個，你的鏈接將正確顯示。

3，下拉菜單中有黑色方塊不我用它在其他網站上出現...

如果添加list-style:none:到.menu ul li ul li元素，這樣就可以解決你的問題。

來源

2014-10-09 15:32:17 jleggio

您的＃3工作建議。但是對於＃1我沒有看到在代碼中的任何地方提到156px，並且在'.navbar .nav'中沒有指定可見性... – Username 2014-10-09 15:56:18

剛剛得到＃2修復了另一個建議，所以不用擔心。 – Username 2014-10-09 15:57:18

首先，你會更加有幫助的人誰看到這個問題後，如果您發佈的相關HTML和CSS。既然你沒有這樣做，我會在這裏做：

<ul class="nav" style="width: 158px; left: 156px; visibility: hidden;"> 
    <li><a href="https://mywebsite.com" class="subfoldericon">SEO Dashboard</a> 
    <ul style="margin-left: 1px; width: 185px; left: 156px; visibility: hidden;"> 
     <li style="width:185px"><a href="test.php"><span style="width:241px">Test Menu</span></a></li> 
     <li style="width:185px"><a href="test.php"><span style="width:241px">Test Menu</span></a></li> 
     <li style="width:185px"><a href="test.php"><span style="width:241px">Test Menu</span></a></li> 
     <li style="width:185px"><a href="test.php"><span style="width:241px">Test Menu</span></a></li> 
    </ul> 
    </li> 
</ul>

問題是，你是硬編碼的左定位。如果刪除它，列表項將正確地浮動。

來源

2014-10-09 15:27:36

要獲得隨時出現的「SEO儀表板」，只需添加「visibility：visible;」到選擇器「.navbar .nav> li> a」的style.css第66行。這是因爲ul.nav隱藏了可見性，並且得到這個屬性，因爲ul是它的父類。
添加「文本對齊：左;」到你的風格線148，讓文字左對齊下拉菜單。
添加「列表樣式類型：無;」到你的style.css第139行選擇器「.menu ul li ul li」去除黑色方塊。

來源

2014-10-09 15:31:50 fathyb

下拉菜單不能從CSS或Javascript工作？

回答

相關問題