Проблема с backdrop-filter: blur(5px);

Question

Проблема с backdrop-filter: blur(5px);

Дмитрий Соколинский Ученик (105), на голосовании 1 месяц назад

Он не работает

Код:

 .profile_card 
{ 
    background-color: rgba(255, 0, 0, 0.4); 
    -webkit-backdrop-filter: blur(5px); 
    backdrop-filter: blur(5px); 
    position: center; 
    opacity: 0.7; 
    float: center;   
    margin: auto; 
    padding: 2px; 
    margin-top: 1.4%; 
    width: 900px; 
    height: 690px;   
    z-index: -1; 
     
}

Answer 1

Семён Куликов Мыслитель (5805) 2 месяца назад

Не все браузеры поддерживают см. https://developer.mozilla.org/ru/docs/Web/CSS/backdrop-filter

Дмитрий СоколинскийУченик (105) 2 месяца назад

Пробовал на edge тоже не работает

 я же
тебе
код
писал

там
можно
делать
размытость

кроме изображения

Answer 2

А как ты определил, что у тебя не работает, если у тебя позади него сплошной фон?
Сплошной фон невозможно размыть, он сплошной, поставь позади какое-нибудь изображение фоновое.