当 svg 放置在 Bootstrap 5 Modal 中的 img 标签中时,svg 内的链接(超链接)不起作用

问题描述 投票:0回答:1

事实上,当指针悬停在包含超链接的部分上时,其形状甚至没有改变。当我在浏览器中单独打开 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;
但没有成功。

css svg bootstrap-modal bootstrap-5
1个回答
0
投票

因此,任何尝试使用 SVG 引用链接(位于 svg 内部)的人,请勿使用

<img>
标签,而使用
<object>
标签。 谢谢大家!

© www.soinside.com 2019 - 2024. All rights reserved.