HTML背景图片地图

Question

是否可以从背景图片创建图片地图？我希望屏幕的两侧可点击，并且我没有看到任何方式在没有地图的情况下完成此操作。

Answer 1

您可以用下面的CSS创建一个绝对定位的图像，以便它缩放以适应页面。

img.bg{ 
    position:absolute; 
    z-index:-100; 
    top:0;left:0;bottom:0;right:0; 
} 

然后使用这个库来确保图像映射与页面缩放。

https://github.com/davidjbradshaw/image-map-resizer

Answer 2

您可能需要使用透明固定浮动<a>锚标签这样的：

<a style="display: scroll; position: fixed; top: 25px; left: 0px; width: 20px; height: 20px;" href="#"></a> 

<a style="display: scroll; position: fixed; top: 25px; right: 0px; width: 20px; height: 20px;" href="#"></a> 

您可能需要使用bottom属性，而不是top到标签相对于窗口的底部位置。