html - 是否可以让国家在 map 上可点击?

标签 html css image border

<分区>


想改进这个问题吗? 更新问题,使其只关注一个问题 editing this post .

关闭 6 年前

假设一个网页呈现了一张逼真的世界地图,因此国家/地区的边界呈锯齿状。据我所知,使用普通 CSS 绘制与国家/地区形状完全匹配的 div 几乎是不可能的。

是否可以使各个国家/地区完全按照边界进行点击? map

最佳答案

为此,您将使用 HTML 元素。这基本上要求您有一个静态图像,因为您必须指定一个区域中的每个点。

http://www.w3schools.com/tags/tag_map.asp

map 元素具有 map 名称并由区域子元素组成。

http://www.w3schools.com/tags/tag_area.asp

对于任意形状的区域,您可以使用 shape="poly"并为每个点输入 x 和 y 坐标。

http://www.w3schools.com/tags/att_area_coords.asp

也可以使用所谓的服务器端图像映射,尽管这些已经过时了。这些更复杂,需要在后端使用脚本语言,并且被认为不如客户端 map 可访问。它们在网络的早期很流行。

关于html - 是否可以让国家在 map 上可点击?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37823738/

上一篇:html - 三个DIV,两个靠近,一个左移

下一篇:html - 如何使内部元素忽略样式

相关文章:

javascript - PHP - 发布到自己而不刷新(或其他选择)

html - 在调用 React.createElement 时,有什么方法可以避免 HTML 转义文本子项吗?

c# - 图像属性的值 (C#)

c++ - Qt 中的背景乘以而不是适应窗口大小

python - 如何在python中使用opencv复制图像区域?

html - 使用 CSS 更改标题外观

javascript - 提交后选择元素重置

javascript - 如何通过单击另一个 block 在可见窗口中显示 block

javascript - 为特定 block 使用 CSS(作用域 CSS)

html - 图像不会在 html 页面中溢出