링크가 열리지 않습니다

-1

상단에 헤더가 있고 왼쪽에 메뉴가 있고 borrom에 바닥 글이있는 페이지를 만듭니다. 나는 이것들을 모두 사용하여 정의했다.링크가 열리지 않습니다

링크는 메뉴에 있습니다. 내가 CSS를 적용하지 않는 한 링크가 작동하지만 외부 파일에있는 CSS를 적용하자 마자 작동이 멈 춥니 다.

클릭하면 가리키면 사라지는 것을 볼 수 있지만 페이지는 바뀌지 않습니다. 새 창이나 새 탭에서 링크를 열 때만 작동합니다. 왜이 일을하는거야? 어떻게 해결할 수 있습니까? 여기

<body> 
    <div id="container"> 
     <div id="header"> 
      <h1>Site HTML</h1>  
     </div> 

     <div id="menu" > 
      <h1>Navigation</h1> 
        <ul> 
          <li> <a href="javascript.html">Javascript</a> </li> 
        </ul> 

      </div> 

      <div id="content"> 
      <p> 
      </p> 
     </div> 

    </body>

및

이 메뉴에 CLIC 할 수있는 링크에 대한 CSS입니다 :

다음은 HTML 코드입니다.

#menu { 
    min-width:20%; 
    max-width:20%; 
    min-height:80%; 
    max-height:80%; 
    background-color:# 
    margin:0; 
    padding:0; 
    position:fixed; 
    top:10%; 
    overflow:auto; 
} 


#menu li { 
    list-style-type:none; 
    font:large, arial,sans-serif; 
} 

#menu a:link,a:visited{ 
    display:block; 
    font-weight:bold; 
    color:#FF6600; 
    background-color:black; 
    width:75%; 
    text-align:center; 
    padding:4px; 
    text-decoration:none; 
} 

#menu a:hover {color:#0000FF;} 

#menu a:active {visibility:hidden;}

출처

2014-05-17 RHarris

귀하의 CSS가 완료되지 않은 : 그냥 줄을 제거합니다. –

[JSFiddle] (http://jsfiddle.net)을 게시 할 수 있습니까? –

CSS가 완전하지 않고 JSFiddle이 무엇인지 (다른 바보 같은 질문) 무슨 뜻입니까? :-) – RHarris

#menu a:active {visibility:hidden;}는 어떤 차이가 있다고 생각하지 마십시오 제거합니다.

출처

2014-05-17 17:43:34

고맙습니다. 이제 완벽하게 작동합니다. – RHarris

활성 가상 클래스에서 속성 가시성을 숨김으로 설정 했으므로

#menu a:active { 
    visibility:hidden; 
}

http://jsfiddle.net/gomflo/KEq8U/

출처

2014-05-17 17:44:10 gomflo

대단히 감사합니다. 이제 완벽하게 작동합니다. – RHarris

링크가 열리지 않습니다

답변

관련 문제