Предыстория:

Цель: создать треугольную тень, которая может быть применена с помощью CSS и не зависит от масштаба (то есть вектор, а не растровое изображение)После долгих исследований (хотя яЯ, конечно, открыт для альтернатив) Я решил использовать фоновое изображение SVG в качестве данных URI (чтобы избежать дополнительного HTTP-запроса).Я знаю что этоМожно Работа:http://jsfiddle.net/6WAtQ/

Где я'я застрял:

Я создал простой SVG-треугольник с эффектом размытия по Гауссу, если онsvg работает прямо в HTML (в отличие от CSS):http://jsfiddle.net/RAKWB/

​

Поэтому я попытался повторить вышеизложенное (http://jsfiddle.net/6WAtQ/ ) используя мой собственный треугольник SVG,

Я заменил хеш-знаки на '% 23', но без игры в кости

Это'не работает:http://jsfiddle.net/ZPWxK/1/

body { background-image: url("data:image/svg+xml;utf8,data:image/svg+xml;utf8,"); }

Мысли?