2012-04-11 2 views
1

크롬과 파이어 폭스에서 하이퍼 링크가 표시되지 않습니다 (클릭하면 포인터가 열리지만 브라우저에서는 클릭 할 수 없음). 나는이 함께 노력하고 있습니다 : 플래시 배너 주위의 하이퍼 링크

<a href="http://www.teamrustic.com/" target="_blank"> 
    <embed class="ads" 
      style="margin:0px;border:0px;" 
      src="swf/flash_banner.swf" 
      width="315" height="100" wmode="opaque"> 
    </embed> 
</a>​ 

는 CSS .ads{cursor : pointer;}

답변

2

으로 시도 문제는 플래시가 일부 브라우저의 DOM을 통해 필터링 클릭 이벤트를 트래핑되지 않고 있다는 점이다. 이에 대한 구체적인 수정은 없습니다.

내가 아는 두 가지 해결 방법이 있습니다 클릭 다루는 플래시의 상단에 해당 URL

  • 장소에게 '심'보이지 않는 링크를 열어 SWF 파일에

    1. 추가 코드 클릭 및 링크를 적절하게 캡처합니다. 플래시 파일에이 중 하나만 가질 수 있으므로 플래시 파일에 링크가 두 개 필요하면 작동하지 않습니다. # 2의

    예 :

    <div id="flashContainer"> 
        <div id="shim"></div> 
        <div id="flash"> 
         <embed class="ads" src="swf/flash_banner.swf" width="315" height="100" wmode="opaque"></embed> 
        </div> 
    </div> 
    
    :

    <div id="flashContainer"> 
        <a id="shim" href="mylink.aspx">&nbsp;</a> 
        <div id="flash"> 
         <embed class="ads" src="swf/flash_banner.swf" width="315" height="100" wmode="opaque"></embed> 
        </div> 
    </div> 
    
    #flashContainer { 
        position: relative; 
    } 
    #flash { 
        z-index: 5; 
    } 
    #shim { 
        display: block; 
        position: absolute; 
        top: 0; 
        left: 0; 
        width: 315px; 
        height: 100px; 
        z-index: 10; 
    } 
    

    는 jQuery를이 클릭 이벤트를 접선과 # 2의

    예, 사업부를 사용하여 업데이트

    #flashContainer { 
        position: relative; 
    } 
    #flash { 
        z-index: 5; 
    } 
    #shim { 
        position: absolute; 
        top: 0; 
        left: 0; 
        width: 315px; 
        height: 100px; 
        cursor: hand; cursor: pointer; 
        z-index: 10; 
    } 
    
    $("#shim").click(function() { 
        window.location.assign("mylink.aspx"); 
    }); 
    
  • +0

    "적절한 클릭 캡처"가 아닌 링크가 아닌 이유 - 그렇지 않은 경우 귀하의 솔루션에 동의합니다. – mikevoermans

    +0

    링크가 제대로 작동하는 한, '표시 : 블록'이고 –

    +1

    @mikevoermans 사실, js에 대한 필요성을 없앰으로써 링크가 더 우아해질 것이라고 생각합니다. 답변을 편집했습니다. 테스트하지는 않았지만 작동해야합니다. 감사합니다 :) –