PNG 오버레이로 인해 asp 하이퍼 링크가 unclickable이 됨

asp : hyperlink 이미지 위에 나타나는 PNG 오버레이를 얻을 수 있었지만, 이제 하이퍼 링크가 unclickable이라는 것을 의미합니다.이 방법이 있습니까? 작동하지만 당신은 그것을 오버레이보다 큰 Z- 인덱스를주는 시도했다 :PNG 오버레이로 인해 asp 하이퍼 링크가 unclickable이 됨

<div class="ProductItem"> 
     <div class="picture"> 
      <asp:HyperLink ID="hlImageLink" runat="server" /> 
      <div class="overlay"></div> 
     </div> 
</div> 

    .HomePageProductGrid .ProductItem 
{ 
    text-align: center; 
    margin: 10px 10px 10px 10px; 
    width: 310px; 
    height: 410px; 
    background-repeat:no-repeat; 
    position:relative; 
} 

.HomePageProductGrid .ProductItem .picture 
{ 
    text-align: center; 
    position:relative; 
    padding-top:43px; 
} 

.HomePageProductGrid .overlay 
{ 
    background: url(images/frame1.png) no-repeat; 
    overflow: hidden; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 310px; 
    height: 410px; 
}

출처

2009-10-30 Ian Houghton

감사합니다. 하이퍼 링크가 데이터베이스에서 이미지를 가져 오는 중이며 맨 위에 그림 프레임을 오버레이하고 싶습니다. 나는 css와 절대 위치 지정을 사용하여 png 이미지를 배치했지만 png 이미지가 맨 위에 있으면 링크를 잃어 버렸습니다.

이

<div class="ProductItem"> 

      <div class="picture"> 
       <asp:Image ID="imgProduct" runat="server" /> 

       <asp:HyperLink ID="testHyperlink" CssClass="pictureLink" runat="server" > 
       <asp:Panel ID="productPanel" runat="server" ></asp:Panel> 

       </asp:HyperLink> 

      </div> 
     </div>

이미지 컨트롤은 이제 데이터베이스에서 이미지를 끌어, 그리고 난 패널 컨트롤 주위에 하이퍼 링크 컨트롤을 포장 한 : 지금이 주위의 코드를 변경했습니다. 패널 컨트롤은 4 개의 프레임 중에서 임의의 그림 프레임 이미지를 가져옵니다. 데이터베이스 이미지의 URL은 하이퍼 링크 컨트롤에 제공됩니다.

이제 페이지를로드 할 때 각 제품마다 임의의 프레임이 있으며 링크를 클릭하면 관련 제품 페이지로 연결됩니다. ASP를에서 오버레이를 포함

출처

2009-10-30 20:25:37

나는 방법 "하이퍼 링크 ASP를"몰라? 링크가 작동하려면 position : relative가 필요할 수 있습니다.

출처

2009-10-30 17:22:51

나는 그것이 당신이 원하는 것은 당신이 당신이 사용할 수있는 링크를 클릭한다 수있는 이미지입니다 경우, 실현하려 노력하고있다 무엇인지 entirly 아니에요 : 회신에 대한

<asp:HyperLink ID="HyperLink1" runat="server" ImageUrl="~/Images/MyPic.png" NavigateUrl="~/MyPage.aspx">HyperLink</asp:HyperLink>

출처

2009-10-30 17:40:51 Robert

랩의 모든 : 하이퍼 링크

<div class="ProductItem"> 

    <asp:HyperLink ID="testHyperlink" CssClass="pictureLink" runat="server" > 
     <div class="picture"> 
      <asp:Image ID="imgProduct" runat="server" /> 
      <asp:Panel ID="productPanel" runat="server" ></asp:Panel> 
     </div> 
    </asp:HyperLink> 

</div>

당신은해야 조금의 주위에 당신의 CSS를 변경하지만 오버레이하여 문제를 해결해야한다.

출처

2009-11-02 01:43:12 Aaron

PNG 오버레이로 인해 asp 하이퍼 링크가 unclickable이 됨

답변

관련 문제