将超链接应用于图像

Posted 2023-03-06

【中文标题】将超链接应用于图像

【英文标题】：Apply hyperlink to image

【发布时间】：2012-07-09 04:01:08

【问题描述】：

.displayed1

    position: fixed;
    top: 275px;
    right: 341px;

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

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

【参考方案1】：

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

<a href="AddnewPage1.aspx">
    <img class="displayed1" src="Images/NewProjectCohesive02.jpg"  />
</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 使用单引号。