Html 我怎样才能模糊整个身体，而不是唯一的一个div？

我希望高亮显示的白色div框后面的整个区域都应该模糊，但不是div将其添加到body元素（或要显示模糊的）的CSS中

该

8px

是模糊效果的强度，可以根据需要进行更改

以下是一个例子：

body，
html{
身高：100%；
}
.家长{
身高：100%；
宽度：100%；
位置：固定；
背景：url（“https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885__340.jpg");
背景尺寸：封面；
过滤器：模糊（3px）；
z指数：5；
-webkit过滤器：模糊（3px）；
}
.孩子{
高度：200px；
宽度：200px；
z指数：10；
最高：50%；
左：50%；
裕度：-100px 0-100px；
位置：固定；
背景：url（“https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885__340.jpg");
背景尺寸：封面；
}

---

请分享您迄今为止所做的工作检查链接：。

body {
  filter: blur(8px);
  -webkit-filter: blur(8px);
}