Html 模糊不能正常工作

我已经花了很多时间，但我不能解决这个问题

我有一本书。正如你在标题中看到的，他有模糊，但他是静态的，即，如果你在背景下省略这一部分，模糊保持不变。告诉我怎么修理

$document.readyfunction{ var mySwiper=new Swiper'.Swiper container'{ 下一个按钮：'.swiper按钮下一个'， prevButton:“.swiper button prev”， 模拟触摸：错误， 自动播放：错误， 循环：对， autoplayDisableOnInteraction:false } }; img.bg{ 最小高度：100%； 最小宽度：1024px； 宽度：100%； 高度：自动； 位置：固定； 排名：0； 左：0； z指数：1； } .模糊{ 高度：92px； 宽度：100%； 排名：0； 左：0； z指数：1； 位置：绝对位置； 过滤器：blur10px； -webkit过滤器：blur10px； -moz滤波器：blur10px； -o型过滤器：10px； -ms过滤器：blur10px； 过滤器：URLFLUR； 过滤器：progid:DXImageTransform.Microsoft.BlurPixelRadius='10'； 溢出：隐藏； } 斯莱德先生{ 宽度：100%； 身高：100%； 位置：绝对！重要； 排名：0； 左：0； } .index.slider.swiper幻灯片{ 宽度：100%； 身高：100%； } .sliderr img{ 宽度：100%； 高度：自动； } 移除

Remove:header:after{background:rgba56,52,68,0.4；}

您没有在html中包含svg部分

<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
   <filter id="blur">
     <feGaussianBlur stdDeviation="10" />
  </filter>
</svg>

img.bg{ 最小高度：100%； 最小宽度：1024px； 宽度：100%； 高度：自动； 位置：固定； 排名：0； 左：0； z指数：1； } .模糊{ 高度：92px； 宽度：100%； 排名：0； 左：0； z指数：1； 位置：绝对位置； 过滤器：blur10px； -webkit过滤器：blur10px； -moz滤波器：blur10px； -o型过滤器：10px； -ms过滤器：blur10px； 过滤器：URLFLUR； 过滤器：progid:DXImageTransform.Microsoft.BlurPixelRadius='10'； 溢出：隐藏； } 斯莱德先生{ 宽度：100%； 身高：100%； 位置：绝对！重要； 排名：0； 左：0； } .index.slider.swiper幻灯片{ 宽度：100%； 身高：100%； } .sliderr img{ 宽度：100%； 高度：自动； }

---

请在您的问题中包含所有相关代码，不要仅链接到外部资源SIM不确定您的问题是什么，还可以显示一些您问题的代码示例吗？将您的预期输出作为图像共享抱歉，我的意思是不要表达他们的愿望。Blur工作不正常，背景处于静止状态。也就是说，如果你注册一个top:100px，你会看到kfon未更改对不起，伙计，我不懂你的英语/