CSS模糊效果不起作用

Question

我正在尝试在我的网站中使用模糊过滤器，但它不起作用。我不知道如何解决它。

#main {
    height: 100vh;
    background-image: url("tlo.jpg");
    filter: blur(10px);
    background-size: cover;
    position: absolute;
    width: 100%;
}

Answer 1

尝试使用供应商前缀：

#main {
height:100vh;
background-image: url("tlo.jpg");
-moz-filter:blur(10px);
-o-filter:blur(10px);
-webkit-filter:blur(10px);
filter:blur(10px);
background-size: cover;
position:absolute;
width:100%;
}

Answer 2

尝试使用供应商前缀，因为它们不是直接支持