하이퍼 링크가 작동하지 않습니다.

my website의 머리 부분에 다음 코드가 있습니다. this 질문을 읽었지만 내 CSS에는 Z- 색인이없는 것 같습니다. 이미지 및 이와 유사한 상자가 표시되지만 아무 것도 클릭하지 않거나 하이퍼 링크가 작동하지 않는다고 말해야합니다. 제발 도와주세요. 당신이 헤더 이미지를 클릭하면 감사하이퍼 링크가 작동하지 않습니다.

<div class="content-pad" style="float:left;">    
       <a href="mailto:[email protected]"><img src="http://www.startupsandfinance.com/wp-content/uploads/2012/06/Advertise-here-728x90.png" width="728" height="90" /></a> 
       <span class="widget-pad" style="margin-left:25px;"> 
       <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FStartupAndFinance&amp;width=290&amp;height=62&amp;colorscheme=light&amp;show_faces=false&amp;border_color&amp;stream=false&amp;header=true&amp;appId=384169901601437" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:62px;" allowTransparency="true"></iframe> 


       </span> 
       </div> 
       </div>

출처

2012-06-27 Foo

div.content의 키가 없습니다. – nhahtdh

, 기본 전자 메일 응용 프로그램이 시작됩니다, 당신은으로 href가하기 :

: 당신은 라이브 여기에서 그것을 확인할 수 있습니다

mailto:[email protected]

http://jsfiddle.net/MSRXU/

그래서 코드를 작성하지 않은 것이 있습니다.

파이어 버그로 페이지를 살펴본 후 다른 것을보고 있습니다. 높이를 다음과 같이 추가하면 :

<div class="content"> 
... 

</div>

괜찮을 것이며 이미지를 클릭 할 수 있습니다.

출처

2012-06-27 16:59:56 Nobita

.content에는 높이가 없으며 포인터 이벤트가 부모 요소의 경계 밖에 있으므로 iframe에 도달하지 못하는 것입니다.

선택자에 대해이 규칙을 추가하십시오.

div.content { 
    height: 120px; 
}

출처

2012-06-27 17:19:18 Nimphious

하이퍼 링크가 작동하지 않습니다.

답변

관련 문제