在tumblr布局中使用css和html创建图像可点击链接

我试图在

Tumblr

布局中使背景

图像

可点击

，但由于某种原因，它没有这样做。所有内容均显示，但图片不可点击

HTML

这是我试图修复的网页的url

欢迎来到SO

只需将

div

放入

a

nchor即可

。图像自动交换{
背景图片：url(http://i174.photobucket.com/albums/w101/shakadoodoo/steamology_services_table_auto_long_zpslpwwv17n.jpg);
背景重复：无重复；
显示：块；
高度：210px；
宽度：210px；
}
#自动链接{
}
.图像交换自动：悬停{
背景位置：0.100%；
}

欢迎来到SO

只需将

div

放入

a

nchor即可

。图像自动交换{
背景图片：url(http://i174.photobucket.com/albums/w101/shakadoodoo/steamology_services_table_auto_long_zpslpwwv17n.jpg);
背景重复：无重复；
显示：块；
高度：210px；
宽度：210px；
}
#自动链接{
}
.图像交换自动：悬停{
背景位置：0.100%；
}

---

您需要将图像放在锚定标记中，因为这将是可单击的，而不是div:

<div>
  <a id="auto-link" href="http://steamologist.com/auto_detailing">
     <span class="image-swap-auto">
     </span>
  </a>
</div>

---

您需要将图像放在锚定标记中，因为这将是可单击的，而不是div:

<div>
  <a id="auto-link" href="http://steamologist.com/auto_detailing">
     <span class="image-swap-auto">
     </span>
  </a>
</div>

<div>
  <a id="auto-link" href="http://steamologist.com/auto_detailing">
     <span class="image-swap-auto">
     </span>
  </a>
</div>