Как релизовать эффект blur на фиксированой плашке?

Question

[Сергей]

Помогите заблюрить нижнюю фиксированую плашку strazh-skd.ru/s
Сделал все аналогично codepen.io/Kseso/pen/JBrcD и не работает

Answer 1

[Евгений Перин]

Вроде так:

.fixed-plashka:before {
  content: '';
  position: absolute;
  top: 0; left:0; right:0; bottom:0;
  background: inherit;
  filter: blur(5px); 
  -webkit-filter: blur(6px); 
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
  -ms-filter: blur(6px);
  filter: url(#blur);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='6');
}

Но с таким фоном не сильно будет заметен эффект

Comments

[Сергей]

Так не выходит, если установить background для before что-то становится быть прозрачным но не то, мне надо чтобы контент прокручивающийся под плашкой блюрился