将超链接应用于图像

时间:2012-07-09 17:53:30

标签: asp.net css image hyperlink

.displayed1
{
    position: fixed;
    top: 275px;
    right: 341px;
}
<img class="displayed1" src="Images/NewProjectCohesive02.jpg" alt="" />

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

3 个答案:

答案 0 :(得分:8)

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

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

修改CSS不是必需的,除非您喜欢(大多数情况下)删除边框。此外,鉴于这似乎是一个重要的导航链接,请务必在辅助功能名称中提供alt - 文本。

答案 1 :(得分:2)

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

答案 2 :(得分:0)

(使用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>
  

请记住,为Evals使用单引号。