Как добавить изображения в якорь

Question

В моем приложении я использую ссылку на веб-сайт, который содержит ссылку на функцию, которая также меняется при наведении указателя мыши. Sample website

В моем коде я делаю это, чтобы сделать это относиться так же, как значок на веб-сайте

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

Но я не в состоянии сделать это, как that.I присоединили URL сайта кто-то пожалуйста

Answer 1

Вы можете попробовать что-то вроде ниже

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

Answer 2

тег изображения будет ожидать источник изображения, как это обязательный атрибут. Если вы хотите иметь изображение, которое является фоновым изображением, установленным в классе, используйте теги <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> 

В зависимости от ваших предпочтений.

Answer 3

В этом примере изображение, отображение в: перед тем элементом I

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

CSS .Icon: до { содержания: "\ f1d8"; }

вам нужно использовать семейство шрифтов слишком

семейство шрифтов: "Проксима-Нова", "Helvetica Neue", Helvetica, Arial, без засечек;