Доброго времени суток! Мне необходимо реализовать фон страницы в виде радиального градиента.
Если на фон ставить маленькую картинку и просто растягивать ее, то пикселезация становится хоть и не сильно, но заметной.

Делал по средствам svg, пример брал здесь http://dimonblog.ru/verstka/sozdanie-gradi...-pomoshhyu-svg/
Напрягает то, что только Opera позволяет вставлять SVG-графику c помощью тега IMG

Можно вставлять при помощи 

(свой svg прикладываю)
Но как таким образом тогда сделать фон страницы?

Или есть другие варианты реализации радиального градиента?

Присоединённый файл ( Кол-во скачиваний: 4 )
 svg_img.rar 0,87 Kb

ну как, помещаешь все тело документа в один див, делаешь ему {position: absolute; top: 0;}, а свг на другой, ему делаешь {position: fixed; top: 0; left: 0; width: 100%; height: 100%;}. Кладешь один под другой и ок. Поскольку див с фоном нужно поставить fixed (иначе я не знаю как радиальный градиент повторять), то для осла нужно скачать эмулятор fixed. Только смотри - многие эмуляции fixed дают "рваный" эффект при скроллинге.

В общем как я понял универсального кроссбраузерного решения с svg нет. Спасибо.

Кроссбраузерного решения для svg не может может существовать в принципе, т.к. для ie все придется реализовывать на vml. И position:fixed; здесь уже не есть проблемой.

Статья на эту тему - Использование SVG для создания красивого масштабируемого фона. По поводу браузеров и вообще доступности  и кроссбраузерности такого подхода.