css background-image svg+картинка

[vflash]

хочу для background-image использовать svg .
в svg внешняя картинка . "data url" использовать не могу, так как картинка очень большая.

проблема c FF, картинка не отображается
есть ли решения ?

[danik.js]

А чего ты боишься? оверхеда? gzip нивелирует оверхед. Так что втыкай через data:uri раз подругому не работает. А вставить несколько background-изображения не получится? Отдельно svg и отдельно твою большую картинку.

[Aetae]

ff20, всё норм отображается, хз.

[danik.js]

Aetae, а где там «в svg внешняя картинка» ?

[Aetae]

Эм, внешняя - с другого домена? Какбэ если dataURL не может использовать по идеологическим причинам, а не по техническим то картинка имеется ввиду именно своя. Или я чего-то не понял?

[vflash]

А чего ты боишься? оверхеда? gzip нивелирует оверхед. Так что втыкай через data:uri раз подругому не работает. А вставить несколько background-изображения не получится? Отдельно svg и отдельно твою большую картинку.

несколько картинок, но используется только одна.
хочу избежать возни в фотошопе. одна маска но много картинок

может через css можно рулить адресом картинки в svg ?

[vflash]

идея использовать svg получилось тупиковой.
сделал через data:url . но подвел Chrome
по какой-то непонятной логике не отображает картинку. а если сперва открыть svg а потом в этойже вкладке страничку то волшебным образом работает.

http://vflash.ru/bug/bgsvg.html

IE6-2.0

[danik.js]

Подтверждаю глюк. А другие варианты не подходят? Вебкит поддерживает css-маски например.

[danik.js]

Кажется вот этот глюк: https://bugs.webkit.org/show_bug.cgi?id=99677

[vflash]

для ФФ и Хрома так и поступил. жаль для ФФ нет "mask-position", пришлось имитировать.