Question

是否可以从背景图像创建图像映射？我希望屏幕的两侧可以点击，如果没有地图，我看不到任何方法可以实现这一点。

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来相对于窗口底部放置标记。

Answer 2

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

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

然后使用此lib来确保图像映射与页面一致。

<强> https://github.com/davidjbradshaw/image-map-resizer

HTML背景图像映射

2 个答案: