css如何模糊化<body>元素的背景图？
0
悬赏园豆：5
[已解决问题]
解决于 2022-05-02 21:00
代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>模糊化背景图</title>
<style>
body {
background-image: url("image/bjt01.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
</style>
</head>
<body>
</body>
</html>
实际效果如图：
期望可以把body元素的背景图模糊化，怎么做？
body元素加 backdrop-filter: blur(30px);没效果呀！！！
最佳答案
0
其他回答(2)
0
背景图专门放一个div，然后使用 filter: blur(30px);
做个div，div背景图不能完整显示呀，div的高度和宽度怎么设置，图片能够完整全屏显示
