javascript - 在 html 页面上使用图像时，图像的某些部分变得不可见

问题描述

当您检查 HTML 页面时，您可以看到，我使用与给定链接相同的图像，但图像中的手没有显示，我尝试调整大小并检查所有内容，以便图像中的手变为可见但不工作。我认为这是 z-index 的问题，但我检查了 z-index 一切正常，手的边框部分可见。

我刚刚使用不同的 Mac 和 safari 浏览器看到图像是用手显示的，但在我的系统、Linux 和 chrome 浏览器中，图像是在没有手的情况下显示的。

<div class="col-lg-4  is-animated">
                        
                            <img src="assets/images/2sec.svg" class="img-fluid" alt="">
                        
                    </div>

标签： javascripthtmlcssimage

尝试使用<object>标签：

<object type="image/svg+xml" data="https://www.thealphateam.digital/demos/pando/assets/images/2sec.svg">

javascript - 在 html 页面上使用图像时，图像的某些部分变得不可见

问题描述

解决方案

推荐阅读