我有以下要求：
大图像包含多个需要链接到其他页面的“热点”。听起来很简单。我创建了一个简单的 html 页面，一个带有背景图像的 div 和使用带有图像精灵翻转的 CSS 的绝对定位链接。
然而，现在我看到了另一张图像，热点不是方形的，而是不规则的形状。在一个示例中，它们类似于冲浪板。任何想法如何让链接仅响应图像的实际边界框。在某些情况下，“热点”是平行四边形并且彼此相邻对接。
在这种情况下创建矩形图像并不能达到所需的结果。
我认为图像地图可能是一个解决方案，但我想首先探索所有替代方案。
希望这是有道理的。
HTML 图像映射 http://www.javascriptkit.com/howto/imagemap.shtml是可行的方法 - 它们支持任意多边形，并且可以被屏幕阅读器等很好地理解。
你也许可以做一些聪明的事情SVG http://www.mozilla.org/projects/svg/在现代浏览器中，但它不适用于 IE6 人群。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
