如何在html中创建背景图像中的链接

我想找到背景图像的其他链接

（/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>

---

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

您只需在

a

标记中插入

img

元素即可

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

请尝试以下代码：

<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>

---

如果标记之间不需要任何文本，请从标记中删除文本。您可以根据需要设置标记的位置。

为什么不想这样做。您可以将具有该图像的div链接为bgAs旁注：您不能使用绝对路径链接图像。您必须使用一个URL，例如背景：

URL（'new/bannerfooter.jpg'）

（相对）或

URL（'new/bannerfooter.jpg'）http://www.example.org/new/bannerfooter.jpg）

（绝对值）。