Как сделать это изображение размытым с прозрачным темным фоном ⇐ CSS

[Anonymous]

Я хочу реализовать изображение, как показано ниже, с помощью CSS. Я имею в виду, что хочу, чтобы фон изображения отображался, но спереди изображение должно быть прозрачным. Я имею в виду, что это должно быть покрыто как размытие. Я хочу добиться результата, как показано ниже.


< /p>

Код: Выделить всё

img {
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
position:fixed;
}

Код: Выделить всё

[img]http://i.imgur.com/v06GqMK.jpg[/img]

Подробнее здесь: https://stackoverflow.com/questions/387 ... background