CSS 자체적으로 링크 비활성화

내 HTML과 CSS가 이상하게 작동합니다. 헤더에 div라는 요소가 있는데 여기에 인 페이지 링크 목록이 있습니다. 링크 또는 div 요소에 CSS를 적용하면 링크가 비활성화됩니다. 즉 마우스 클릭시 아무 것도 표시되지 않습니다. 나는 많이 시도했지만 내 오류를 발견 할 수 없습니다. 당신의 도움을 주셔서 감사합니다. 난 당신이 완전히 href가 무엇을 이해하지 못하는 추측하기 위하여려고하고있다CSS 자체적으로 링크 비활성화

.header{position:relative;width:950px; margin:0 auto; z-index: -1;} 
.header #nav{float: right; margin-top:55px} 
.header #nav li{float:left; padding-right:15px; padding-left:15px; line-height:12px; border-  right:1px solid #06F; list-style-type: none;} 
.header #nav li.last{border-right:none;} 
.header #nav li a{display: inline;font-family: Helvetica, sans-serif; font-weight: bold; font-size: 22px; color:#081d58;} 
.header #nav li a:hover{color:#253494;}

출처

2014-11-06 Learner23

를 해결합니다. – Jmh2013

그것은 z 색인입니다 ... – Sai

도 거기에 귀하의 국경 사이에 공간이 - 그리고 오른쪽에있는 CSS의. 헤더 #nav 리 섹션 – Sai

을 :

여기

<div class = "header"> 
     <img class="logo" src="logo.png" /> 
     <ul id = "nav"> 
      <li><a href="#homes">Home</a></li> 
      <li><a href="#tutorials">Tutorial</a></li> 
      <li class="last"><a href="#contacts">Contact Us</a></li> 
     </ul> 
    </div>

내가 적용 할 노력하고있어 CSS는 : "# 다음은

내 HTML 구성 요소입니다 가정 "은 그렇다. www.mywebsite.com이라는 웹 사이트에서 href : "#homes"를 사용하면 같은 페이지에 계속 머물지 만 #homes라는 이름의 div를 페이지 상단으로 스크롤합니다.

#homes는 내 페이지를 www.mywebsite.com # 개의 페이지로 연결합니다. 내 생각 엔 당신이 당신이 HREF를 변경해야하는 경우 www.mywebsite.com/homes라는 새로운 웹 페이지를 열고 자하는 것입니다 :

이

<a href: "http://www.mywebsite.com/homes">Home</a>

또는 당신의 #home의 사업부가되지 스크롤 내용입니다, 그래서 브라우저는 이동할 수 없습니다 상단으로 가면 페이지는 그대로 유지됩니다. -1; 당신의 연결을 사용하지 나타나도록`은`body` 같은 다른 요소 아래 링크를 배치합니다 :

희망이 당신의 문제 ^^ 나는 당신의`Z- 인덱스를 추측거야

출처

2014-11-06 22:00:06 RMo

CSS 자체적으로 링크 비활성화

답변

관련 문제