HTML背景图片映射

Question

能否从背景图像创建图片地图？我希望屏幕的侧面可以被点击，但我没有找到任何办法来实现这一点而不使用地图。

- somejkuser

Answer 1

您可能希望使用这些透明的固定浮动锚标签：<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属性。

- Daniel Vassallo

Answer 2

你可以使用以下CSS创建一个绝对定位的图像，以便它能够按比例缩放适应页面。

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

然后使用这个库来确保图片地图随页面缩放。

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

- David Bradshaw