我可以从图片的部分链接吗？

Question

我想链接背景图片的部分。我必须放在屏幕中间。所以，图像属性;

背景：'bg.png' background-size：contains;

我可以从图片的部分链接吗？

http://cl.ly/image/1R2M1E2o0R0F

Answer 1

本文将帮助您创建图像映射。

http://www.onextrapixel.com/2009/04/30/how-to-create-multiple-links-on-a-single-image-with-image-map/

Answer 2

您无法将可点击区域添加到背景图像中，因此您可以采用两种方法。

1. 图片地图 这样，您就可以使用<img代码和地图区域进行“点击”，即

<img src='' usemap='#myMap />

<map name="myMap">
  <area shape="rect" coords="0,0,50,50" href="somewhere.html">
</map>

您可以使用在线生成器为您执行此操作，例如Image map tool

1. 将元素置于顶部

另一种选择是在父元素上有一个背景图像，并且已定位，可点击＆＃39;里面的元素，比如

#parent{
    width:200px;
    height:200px;
    background-image:url();
    position:relative;
}

#someLink{
    width:20px;
    height:20px;
    position:absolute;
    left:20px;
    top:50px;
}

您可以使用绝对定位的元素作为您的可点击元素＆＃39;区域并将它们放在背景图像上。

如果您的背景位于响应元素/布局中，则可以使用百分比来确保可点击区域也能响应。