好吧，我正在尝试创建一个 SVG 部分分隔符。它的工作原理是这样的：
<section id="section1">
</section>
<svg width="100%" height="100" viewBox="0 0 100 102" preserveAspectRatio="none">
<path d="M0 0 L50 100 L100 0 Z" />
</svg>
<section id="section2">
</section>
到目前为止，一切都很好。但现在，我想向section1添加背景，包括SVG“pick”，例如：
我所完成的只是（非常糟糕的结果）：
Adding a
background: url(img)
到元素
And:
Justin 在第 1 部分添加 BG
这是一种使用与示例相同的代码的方法，但 svg 路径更改为倒三角形并绝对定位到该部分的底部：
#section1{
position:relative;
background:url('http://i.imgur.com/k8BtMvj.jpg');
background-size:cover;
height:200px;
}
svg{
position:absolute;
bottom:-10px; left:0;
width:100%; height:100px;
display:block;
}
<section id="section1">
<svg width="100%" height="100" viewBox="0 0 100 102" preserveAspectRatio="none">
<path d="M0 0 L50 90 L100 0 V100 H0" fill="#2A80B9" />
</svg>
</section>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
