如何在锚点中添加图像

时间:2015-06-30 10:28:07

标签: html css

在我的应用程序中,我使用的是一个网站的引用,其中包含一个功能参考,该功能也会改变鼠标悬停。 Sample website

在我的代码中,我这样做是为了使引用图标就像网站一样

<a href="<%=redirectUserURL.toString() %>&<portlet:namespace/>jobID=<%=job %>" id="applyJobSearch"><img class="referIcon" />Refer</a>

但是我无法做到这一点。我已经将网站网址添加到某人身上了

3 个答案:

答案 0 :(得分:1)

图像标记将需要图像源,因为它是必需属性。如果您想要一个图像是一个类中的背景图像集,那么使用<span>标签来显示它们。

然后你会得到类似的东西:

<a href="<%=redirectUserURL.toString() %>&<portlet:namespace/>jobID=<%=job %>" id="applyJobSearch">
    <span class="referIcon"></span>Refer
</a>

<a href="<%=redirectUserURL.toString() %>&<portlet:namespace/>jobID=<%=job %>" id="applyJobSearch">
    <span class="referIcon">Refer</span>
</a>

取决于您的偏好。

答案 1 :(得分:0)

您可以尝试以下内容

<a href="http://somesite.com">
 <img border="0" alt="Logo" src="logo.gif" width="100" height="100">
</a>

答案 2 :(得分:0)

在该示例图像中显示:在i的元素之前

<span> <i class="icon"></i>refer </span>

CSS     .icon:在{之前       内容:&#34; \ f1d8&#34 ;;     }

你也需要使用字体系列

font-family:&#34; proxima-nova&#34;,&#34; Helvetica Neue&#34;,Helvetica,Arial,sans-serif;