Вау. В хроме появились очередные ни с чем не совместимые фильтры. Примерно такие же были уже в IE6, но его же все ругают, так не будем об этом вспоминать
Фильтры применяются к элементам, но не к ихним свойствам. К бэкграунду применить не получится. Можно завернуть два абсолютно спозиционированных элемента в контейнер и наложить один на другой. Тогда можно применить фильтр к нижнему элементу с бэкграундом и все получится.
Возможно ли нарисовать менюшку или полупрозрачное окно, чтобы ровно по его рамке, контент снизу был размыт? Контейнер и абсолютное позиционирование здесь не поможет.
Фильтр drop-shadow() работает куда интереснее свойства box-shadow. CSS свойство генерирует тень шейпа (прямоугольник, круг) не учитывая border. А фильтр умеет отбрасывать тень от границ любого стиля.
GPU-ускорение CSS-фильтров в Chromium