怎么给背景图加filter模糊

怎么给背景图加filter模糊?因为图片地址是接口里的,所以这样写的,但是现在想给照片加模糊。
我现在加导致整个页面都模糊了,应该怎么办

img

img

可以用伪元素加filter

.largeMain::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: inherit;
            filter: blur(10px);
        }

/* 像素可以自己设置 */
filter: blur(3px);