SVG可以是透明填充吗？ [复制]

Posted 2023-02-23

【中文标题】SVG可以是透明填充吗？ [复制]

【英文标题】：SVG possible to be transparent fill? [duplicate]

【发布时间】：2015-10-13 02:29:50

【问题描述】：

我在使用#ffffff 填充的 SVG 时遇到问题。问题是，这覆盖了我在底部的图像。我希望这是透明的。还有其他页面看起来不错且透明。

我该如何解决这个问题？

实际上，我对图像如何在后面重复而不是单个图像也有疑问。

网站在这里：http://canadawidecontractors.com/new/heating-and-cooling-services/

【参考方案1】：

不清楚你指的是什么。

如果您的意思是希望三角形分隔符覆盖（当前）灰色占位符图像，则需要将其向上移动。

目前，分隔符位于灰色图像区域和蓝色区域之间。你的“白色”三角形实际上并不是白色的。它是透明的。但是下面显示的是白色背景。

你可以做的是向上移动分隔符，例如margin-top: -100px。

<div class="box-container wpb_row vc_row-fluid vc_custom_1437615582345" style="
    margin-top: -100px;">

我在这里使用样式属性进行演示。你当然应该把它放在你的样式表中。

【讨论】：

嗨我昨天已经修复了我不知道插件是如何工作的。之前它允许我在分隔符的底部设置一个 -100px 的边距来显示三角形。不过谢谢你，我应该更新我的帖子。