如何解决如何在不使用<div>容器保存模态文本的情况下创建SVG Modal弹出窗口
这是我的新手情况，我在这里已经了解了解决方案，但到目前为止还没有运气。我创建了一个SVG，在鼠标悬停时带有突出显示的部分，并且希望这些部分在模式弹出窗口中打开。我正在使用网站模板的模式代码，并且所有代码都只能在SVG中的任何一个元素上正常工作。这意味着我不能使用它一次以上，因为它会禁用所有鼠标悬停和其他元素和/或它们的弹出窗口的链接，但仅与SVG有关。
现在的原因是因为代码的div部分。如果我删除了这些内容，则SVG中的所有其他部分都将重新工作。
所以无论如何我都可以用另一个容器替换div标签，因为这些标签似乎无法与SVG一起使用。
代码：
<a class="sppb-modal-selector sppb-magnific-popup" data-popup_type="inline" data-mainclass="mfp-no-margins mfp-with-zoom" href="#sppb-modal-101" id="sppb-modal-101-selector">
<path
style="opacity:0;fill:#d45242;fill-opacity:0.295547;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 121.14963,25.314849 4.33969,-1.808204 6.50953,-2.531485 6.1479,-1.084922 h 6.50953 L 239.31,20.38 144.65,181.88 83.86,78.66 l 18.48432,-33.454913 2.89312,2.169844 3.61641,2.169844 3.97805,1.446563 4.33968,1.084922 L 121.13,52.36 Z"
id="path2996"
onmouseover="this.style.opacity=1"
onmouseout="this.style.opacity=0" />
<div id="sppb-addon-101" class="clearfix "><div id="sppb-modal-101" class="mfp-hide white-popup-block modal-text"><div class="modal-inner-block"><p><strong>TITLE</strong></p><p>MODAL TEXT HERE</p>
</div></div></div></a>
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
