Question

有人可以用css和javascript帮我吗？我需要创建一个带滚动动画的页面。 https://meetlima.com/how-it-works.php?lang=en 1,2,3必须填充颜色。

＆＃13;

<div class="container">
  <div class="een">
    <svg width="200" height="200" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
     <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
     <g>
      <title>Layer 1</title>
      <text
        stroke="#000000" transform="matrix(9.676384925842285,0,0,9.676384925842285,-1584.9315026253462,-1064.0772700458765) " 
      xml:space="preserve" 
      text-anchor="middle" 
      font-family="Fantasy" 
      font-size="24" 
      id="svg_1" 
      y="129.86676" 
      x="174.14887" 
      stroke-width="0" 
      fill="#bfbfbf">1</text>
     </g>
    </svg>
  </div>
</div>

＆＃13;

Answer 1

事实上，在页面上，您已经分享了svg数字具有透明色的exapmle。

最初，您会看到 div.how-it-works__step__bg__inner 的灰色背景。

在背面有一个 div.how-it-works__faker ，它有固定的位置和最低的z-index。还有内部元素 div.how-it-works__faker__inner 蓝色背景

当你向下滚动时，你可能会在svg图像下看到 div.how-it-works__faker__inner 的部分。

更清楚地检查此屏幕只是为了了解如果为div.how-it-works__faker设置更高的z-index会发生什么

screenshot

如何用颜色填充SVG

1 个答案: