小编Mox*_*oxy的帖子

我试图将 SVG 图像放置在与另一个背景有视差的剪裁背景上。我希望 SVG 一半在背景上，一半在前景上，但它会使用剪辑路径与背景一起被剪辑。我是否可以使用另一种方法来实现无需裁剪 SVG 的效果，或者是否有方法可以禁用继承的效果？请记住，我想保持它相对于这个背景的位置。

CSS 有问题

.content
{
  height: 300vh;
  min-height: 150vh;
  background: #25282A;
  clip-path: polygon(-400% 100%, 100% 100%, 100% 10%);
  position: relative;
  z-index: 1;
}
.content img{
  position: relative;
  top: 20vh;
  left: 2vw;
  z-index: 3;
}

超文本标记语言

 <section class="content">
          <img src="/Asssets/RWR food image.jpg">
         <img src="/Assets/Title.svg" />
        </section>