Question

我想要其他链接到背景图片(/var/www/html/new/bannerfooter.jpg)
代码如下。

<tr>
   <td align="center" style="background:url(/var/www/html/new/bannerfooter.jpg) no-repeat scroll 0% 0% transparent; height:160px;padding-left:140px;">
      <a href="#" target="_blank">
         <!--image link here--> style="padding-top:70px"/>
      </a>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <a href="#" target="_blank">
         <!--image link here-->
      </a>
   </td>
</tr>

Answer 1

您只需在img代码

中插入a元素即可

<a href="#" target="_blank">
    <img src="http://lorempixel.com/100/100">
</a>

JSFiddle

Answer 2

在你的标签中尝试style =“background-image：url（'/ var / www / html / new / bannerfooter.jpg'）”。确保路径“/var/www/html/new/bannerfooter.jpg”也是正确的。

Answer 3

尝试以下代码：

<table>
<tr>
 <td align="center" style="background:url(http://upload.wikimedia.org/wikipedia/commons/1/1a/Bachalpseeflowers.jpg     ) no-repeat scroll 0% 0% transparent; height:160px;padding-left:140px;">
  <a href="#" target="_blank" style="height:20px; width:100px; display:block;"/>
   "text"

  </a>

 </td>
</tr></table>

如果标签之间不需要任何文字，则从标签中删除文字。您可以根据需要设置标签的位置..

如何在html中的背景图像中进行链接

3 个答案: