将超链接应用于图像

【问题标题】：Apply hyperlink to image将超链接应用于图像
【发布时间】：2012-07-09 04:01:08
【问题描述】：

.displayed1
{
    position: fixed;
    top: 275px;
    right: 341px;
}

<img class="displayed1" src="Images/NewProjectCohesive02.jpg" alt="" />

如何在图像中添加AddnewPage1.aspx 的超链接？图片是否必须在<form id="form1" runat="server">标签中？

【问题讨论】：

标签： asp.net css image hyperlink

【解决方案1】：

将其包装在<a> 标记中。

<a href="AddnewPage1.aspx">
    <img class="displayed1" src="Images/NewProjectCohesive02.jpg" alt="" />
</a>

没有必要修改 CSS，除非您愿意（而且大多数人都愿意）删除边框。另外，鉴于这似乎是一个重要的导航链接，请务必以可访问性的名义提供alt-text。

【讨论】：

【解决方案2】：

  <asp:HyperLink ID="hpr1" runat="server">
<img  src="img/bg-breadcrumbs-homebtn.png" />
</asp:HyperLink>

【讨论】：

【解决方案3】：

（使用 Asp.net）

我做过类似的事情

<a href='<%#AdUr(DataBinder.Eval(Container.DataItem,"Title"), DataBinder.Eval(Container.DataItem,"AdId"))%>'>
    <asp:Image ID="Image1" ImageUrl='<%# Eval("ImageUrl") %>' runat="server" class="img-responsive" title='<%# Eval("Title")%>'/>
</a>

记住，对 Eval 使用单引号。

【讨论】：