【发布时间】:2015-10-13 02:29:50
【问题描述】:
我在使用#ffffff 填充的 SVG 时遇到问题。问题是,这覆盖了我在底部的图像。我希望这是透明的。还有其他页面看起来不错且透明。
我该如何解决这个问题?
实际上,我对图像如何在后面重复而不是单个图像也有疑问。
网站在这里:http://canadawidecontractors.com/new/heating-and-cooling-services/
【问题讨论】:
我在使用#ffffff 填充的 SVG 时遇到问题。问题是,这覆盖了我在底部的图像。我希望这是透明的。还有其他页面看起来不错且透明。
我该如何解决这个问题?
实际上,我对图像如何在后面重复而不是单个图像也有疑问。
网站在这里:http://canadawidecontractors.com/new/heating-and-cooling-services/
【问题讨论】:
不清楚你指的是什么。
如果您的意思是希望三角形分隔符覆盖(当前)灰色占位符图像,则需要将其向上移动。
目前,分隔符位于灰色图像区域和蓝色区域之间。你的“白色”三角形实际上并不是白色的。它是透明的。但是下面显示的是白色背景。
你可以做的是向上移动分隔符,例如margin-top: -100px。
<div class="box-container wpb_row vc_row-fluid vc_custom_1437615582345" style="
margin-top: -100px;">
我在这里使用样式属性进行演示。你当然应该把它放在你的样式表中。
【讨论】: