Размытый фон для всплывающего блока сайта - Вопросы по CSS

Как сделать размытый фон всплывающего блока?
Т.е. у нас нету статической картинки, есть какой-то контент сайта, при этом есть скролл, но всплывающего блока фон должен быть прозрачным-расплывчатым.
Простой пример - прозрачность окон в windows 7.
Прозрачность меню Ubuntu 11+.

http://htmlbook.ru/blog/poluprozrachnyy-fon ... может такое решение подойдет?

http://htmlbook.ru/blog/poluprozrachnyy-fon ... может такое решение подойдет?

Конечно огромное вам спасибо, что показали, как же делать фон полупрозрачным! И никак rgba с этим не справляется...
Мне нужен не просто прозрачный, а размытый фон. Именно фон сайта, а не картинки.

Я что то не понял сразу ... нужен фильтер blur http://habrahabr.ru/post/144852/ описаны варианты

Я что то не понял сразу ... нужен фильтер blur http://habrahabr.ru/post/144852/ описаны варианты

blur фильтр поддерживается только в webkit браузерах.
Уже нашел кое-какое решение, но оно применимо только к конкретному элементу, а не к заданной области.
использовать filter: blur(2px); для понятливых браузеров, а для непонятных использовать svg:
filter.svg

Это решение помогает размыть какой угодно блок.
Но задача стоит в другом. Размыть только часть блока, над которым всплывает окно.
И это еще не главная проблема.
Если применять к какому-то определенному элементу этот прием, то видно применение фильтра. Т.е. нету анимации размытия.

Есть решение для изображений.
С хабра
Но опять же, нас интересуют блоки сайта, а не конкретное изображение.

У меня есть некоторые мысли, по поводу реализации возможности размытия любого места сайта, но для этого нужно сделать скриншот страницы.
Есть мысли, как сделать скриншот документа на js?

Гуглите html2canvas. И да прибудет с вами Сила…