2009-10-30 57 views
0

我设法让一个PNG覆盖显示在一个asp:超链接图像上,但现在这意味着超链接是不可点击的,有没有办法解决这个问题?PNG覆盖使asp超链接不可点击

<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; 
} 

回答

0

感谢回答。超链接是从数据库中获取图像,我想覆盖顶部的相框。我使用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被提供给超链接控件。

现在,当您加载页面时,每个产品都有一个随机框架,并且链接会将您带到相关产品页面。

0

我不知道“asp:hyperLink”是如何工作的,但是您是否试过给它一个大于覆盖层的z-index?该链接可能需要位置:相对于它的工作。

2

我不entirly知道它是什么,你正在尝试才达到,如果你要的是你可以点击你一样可以使用这个链接的图像:

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

0

裹的一切,包括在asp您的覆盖:超级链接

<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有点绕,但应该与覆盖解决您的问题。