Svg не работает как фон

Question

Я сделал полупрозрачный svg. Это была 50% -ная непрозрачность вокруг металлической текстуры. Когда я помещаю его выше любого другого цвета, он делает его похожим на настоящий металл. Он был создан с использованием Illustrator и имел два его эффекта: Pixelate> Mezzotint> GrainyDots и Blur> RadialBlur. Затем я сделал обтравочную маску. Вот его ссылка https://dl.dropbox.com/u/99185097/metalTex.svg. Когда я обычно открываю его, он просматривает правильно, но когда я использую его в качестве фона в CSS3 для моей страницы HTML5, он не открывается. Я уверен, что это не моя ошибка кодирования CSS, потому что, когда я использую другой очень простой svg в качестве фона, он открывается. Я думаю, что это могут быть эффекты Illustrator, возможно, они не видят, когда вы используете его в качестве фона. Также эти эффекты делают его 4.46mb. Пожалуйста, предложите решение. Сделать его png не получится, потому что иногда ему приходится покрывать чрезвычайно длинные страницы.

Answer 1

разверните ваш векторный файл правильно, сохраните, а затем экспортируйте его как файл svg и перейдите на задний план. Теперь это может работать.