Настя

Вобщем если кому интересно, клюнула я на удочку гугла и осваиваю Google Web Designer. На первый взгляд все понятно, удобно и бесплатно. Интегрирован Google web fonts. Интерфейс очень похож на адобовские продукты. CSS элементы легко настраиваются в design view
Есть официальная обучаловка:
https://support.google.com/webdesigner/answer/6259...
Минус (хотя кому-то может и плюс) - все основные инструкции написаны текстом.
Зато есть куча сторонних толковых видео. Ну хотя бы это
https://www.youtube.com/watch?v=56u1v3LsI-k

Григорий, не получается(
после сохранения ai файла в svg открываю этот svg в редакторе. вроде все ок, имеются <g id="lay01"> и так далее по числу артбоардов. Вставляю бэкграундом:

.p1 {
	background-image:url(../i/patterns_all.svg#lay01);
}

Какой бы id я не проставляла, отображается только первый артбоард или тот, на котором (гм) было выделение в момент сохранения.

Попробовала задать классы каждому <g id="lay01" class="svgpattern"> и прописала в стилях, как советуют в первой ссылке:

.svgpattern { display: none; }
.svgpattern:target { display: inline; }

не помогло(
правда у меня сложные svg, больше 100 строчек кода на 1 объект/артбоард... Может в этом дело?
вебкит/не вебкит - не влияет, нигде не срабатывает.

Пожалуй пока самым оптимальным мне кажется этот вариант:
.icon {
background-image: url(your.png); /* PNG для IE6-8 */
background-image: url(your.svg), none;
}