我试图为我的内容提供模糊的背景.
到目前为止我试过这个：
.background-image {
background-image: url('../img/background/image.jpg');
width: 100vw;
height: 100vh;
-webkit-filter: blur(10px);
-moz-filter: blur(10px);
-o-filter: blur(10px);
-ms-filter: blur(10px);
filter: blur(10px);
}
然后
但后来我得到了整个屏幕模糊的问题,而不仅仅是背景如下：
最佳答案
将内容放在模糊的div旁边.
.background-image {
background-image: url('../img/background/image.jpg');
width: 100vw;
height: 100vh;
-webkit-filter: blur(10px);
-moz-filter: blur(10px);
-o-filter: blur(10px);
-ms-filter: blur(10px);
filter: blur(10px);
}
