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 드롭 다운 메뉴가 나타납니다.

답변

관련 문제