Html 如何使不同的斜面图像块作为链接？

我正在用响应图像映射之类的东西解决问题，但不知道哪种解决方案最好

我有这个

还有这个

整个图像和文本块与背景必须链接到页面。图像和文本将由用户编辑，所以我不认为倾斜是最好的解决方案

---

谢谢你的建议。

使用图像进行响应性设计有点奇怪，但我认为最简单的方法是使用

否则，您可以想象将透明div放置在图像上，或者如果整个图像只是一个链接，只需将其放置在“a”标记中

---

如果您希望您的移动版和桌面版链接到两个不同的页面，请取消选择php$\u服务器或javascript以获取（例如）屏幕的url或宽度，具体取决于您更改设计的方式

请查看此项，但请记住浏览器支持，例如Edge/IEThanks不支持剪辑路径以获取建议，但是我们需要支持所有的标准浏览器。谢谢尼尔的回答。好吧，也许我说得不准确-通过图像我不认为img标签。它还包括背景图像。imagemap是否响应？我不这么认为。我们项目中的响应方式不仅仅是2个brekpoints（台式机、移动设备）。它也将在桌面和移动版本中扩展。所以这些块不能有静态区域。您如何想象渲染这些透明div？它不能只是大矩形。我需要保持身材。我不需要两个不同的链接。@KarolinaVolna遗憾的是imagemap没有响应，即使jquery插件可以做到这一点，对于透明div，您可以使用css前后转换来制作一些很酷的形状，但我同意这不会是一个真正的修复。。。如果你有6个图像分割和一个白色背景，它会更容易。