JavaScript-我是否可以让div只显示svg映像的内容，而不是透明的，这样我就可以将两个svg堆叠在一起？-堆栈溢出

顺晟科技

2022-10-19 13:15:36

106

我有两个。svg文件，是由我的UX/UI设计器（来自fiverr）提供的。.svg文件对我来说是新的。

我有一个他给我的模拟。模拟显示背景，然后中间层显示为.svg文件，然后站在计算机旁边的人显示为.svg文件。

让我们称它们为middleLayer.svg，而插图为web-man.svg

我以前从未这样做过，但我推测可以通过以下方式完成：

如下所示:

它们是堆栈的...不过，它只是显示中间层的svg，灰色形状。

我怀疑我的技术完全不正确...也许甚至让uxui设计器给我这两个图像的。svg文件都是错误的方法？请纠正我。

请注意，搜索“CSS使div除了背景图像之外是透明的”和各种表单显示了许多使背景图像本身透明的方法。我希望保持背景图像的svg轮廓，同时使div的其余部分透明，因此页面将同时显示所有三个层。但这也可能是错误的方法。

顺晟科技：

使用照片编辑器可以更容易地完成这项任务，而且对于页面加载也更好

网站建设