事实上,当指针悬停在包含超链接的部分上时,其形状甚至没有改变。当我在浏览器中单独打开 svg 文件时,链接工作正常。下面是代码:
<HTML>
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable modal-xl">
<div class="modal-content">
<div class="modal-body">
<img src="drawing.svg">
</div>
</div>
</div>
</div>
CSS
.modal-dialog{
pointer-events: all !important;
}
正如您在上面看到的,我尝试设置
pointer-events :all !important;
但没有成功。
因此,任何尝试使用 SVG 引用链接(位于 svg 内部)的人,请勿使用
<img>
标签,而使用 <object>
标签。
谢谢大家!