css下拉菜單上顯示分散的畫廊

新手編碼器在這裏再次，請看看我的代碼，我看了一個視頻在線顯示如何做一個下拉菜單，但是;當我將鼠標懸停在「圖庫」上時，這個地方已經遍佈整個地方。但是，我遵循教程，所以它應該工作。我認爲這個問題與我的CSS，但不知道是什麼導致了這個問題。請指教。css下拉菜單上顯示分散的畫廊

http://aasunm01.wdd1516.bbkweb.org/Assignment%201/LPhotography.html

來源

2016-07-02 Dee

有你的資產淨值的許多錯誤，因此創建你的頭文件的的jsfiddle。 – frnt

我沒有看到任何下拉HTML代碼在您的網站反正有一個

<!DOCTYPE html> 
<html> 
<head> 
<style> 
.dropbtn { 
    background-color: #4CAF50; 
    color: white; 
    padding: 16px; 
    font-size: 16px; 
    border: none; 
    cursor: pointer; 
} 

.dropdown { 
    position: relative; 
    display: inline-block; 
} 

.dropdown-content { 
    display: none; 
    position: absolute; 
    background-color: #f9f9f9; 
    min-width: 160px; 
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 
} 

.dropdown-content a { 
    color: black; 
    padding: 12px 16px; 
    text-decoration: none; 
    display: block; 
} 

.dropdown-content a:hover {background-color: #f1f1f1} 

.dropdown:hover .dropdown-content { 
    display: block; 
} 

.dropdown:hover .dropbtn { 
    background-color: #3e8e41; 
} 
</style> 
</head> 
<body> 

<h2>Dropdown Menu</h2> 
<p>Move the mouse over the button to open the dropdown menu.</p> 

<div class="dropdown"> 
    <button class="dropbtn">Dropdown</button> 
    <div class="dropdown-content"> 
    <a href="#">Link 1</a> 
    <a href="#">Link 2</a> 
    <a href="#">Link 3</a> 
    </div> 
</div> 

<p><strong>Note:</strong> We use href="#" for test links. In a real web site this would be URLs.</p> 

</body> 
</html>

來源

2016-07-03 15:37:34

非常感謝！這是因爲我有點放棄它，並恢復到只有一個，所以我更新它在服務器上，但謝謝:-) – Dee

css下拉菜單上顯示分散的畫廊

回答

相關問題