Html 如何使用CSS从特定点到底部模糊背景图像？

我只需要模糊背景图像的下半部分。应该是,

此代码使整个图像模糊：

<style>
body {
  background-image: url('ms.png');
  background-size:100% auto;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}
</style>

身体{
背景图片：url（'ms.png'）；
背景尺寸：100%自动；
-webkit过滤器：模糊（5px）；
-moz过滤器：模糊（5px）；
-o-滤波器：模糊（5px）；
-ms过滤器：模糊（5px）；
过滤器：模糊（5px）；
}

---

如何使用CSS？

最好的选择是在背景容器中绝对放置另一个元素。看看这个。这是另一个以前问过的类似问题的例子是的，对我来说很有效。