首页 > 解决方案 > 映射可点击区域

问题描述

有人知道如何只点击三角形区域而不影响其他区域吗?

我试图创建一个三角形 div clip-path。但 Internet Explorer 不支持它。

我调查了很多,但我没有发现任何东西。

标签: javascripthtmlcss

解决方案


您可以将map标签与areas. 许多在线工具可帮助您生成区域。其中之一是:https ://www.image-map.net/

<!-- Image Map Generated by http://www.image-map.net/ -->
<img src="https://i.stack.imgur.com/Vj8iT.png" usemap="#image-map">

<map name="image-map">
    <area target="_blank" alt="Google" title="Google" href="http://www.google.com" coords="181,24,47,129,186,179" shape="poly">
    <area target="" alt="" title="" href="" coords="" shape="0">
</map>


推荐阅读