在我的应用程序中,我使用的是一个网站的引用,其中包含一个功能参考,该功能也会改变鼠标悬停。 Sample website
在我的代码中,我这样做是为了使引用图标就像网站一样
<a href="<%=redirectUserURL.toString() %>&<portlet:namespace/>jobID=<%=job %>" id="applyJobSearch"><img class="referIcon" />Refer</a>
但是我无法做到这一点。我已经将网站网址添加到某人身上了
答案 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;