CSS Blur эффект не работает

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

Попробуйте использовать префиксы, поскольку они не поддерживаются непосредственно