Image SVG悬停效果不'；如果将其作为图像添加到网页中，则无法正常工作

对这件事还是很陌生，需要一些帮助

我使用illustrator CC和Atom制作了一个带有悬停效果的svg图像，并对其进行了一些小编辑，同时还制作了一些在线观看的视频。当从桌面在浏览器中打开它时，它可以完美地工作，但是当我尝试使用图像标签将它添加到wordpress中，或者在使用纯html和图像标签的测试网站中，悬停效果和指向我页面上锚的特定于区域的链接将完全停止工作

我不完全理解illustrator生成的所有代码，我在网上看到的示例比我现在看到的要干净得多。但我不知道如何清理，也不知道是否所有的数据都需要保留？它的大小为1mb，对于codepen.io共享来说太大了。您可以查看保存的svg

---

非常感谢你的帮助

如果想要悬停效果，请不要使用图像，以其他方式嵌入SVG，例如对象、iframe或内联。嘿，非常感谢您将我推向正确的方向！我能够大量清理svg数据，并将大多数样式内联，但悬停状态除外，我认为它们不能内联编码，对吗？但是，当我将代码添加到Wordpress站点时，Wordpress CSS中的链接样式将覆盖我的svg链接样式，并且我的svg在页面中根本不会正确显示。