Intereting Posts
Где я могу получить отдельные части jQuery Mobile? Почему не применяется дополнение к элементам таблицы? Какой лучший редактор HTML WYSISYG доступен для веб-разработчиков и почему? Есть ли способ локализовать тип ввода = «дата» в HTML5 Получение «неправильного» источника страницы при вызове url из python Относительный путь PhpStorm к корню ресурсов Автозаполнение от ложного? как сохранить значения при навигации по страницам с использованием маршрутизации компонентов угловой 1,5 В Rails существует безопасный метод усечения HTML? Почему функция javascript внутри новой страницы не работает? HTML-адрес электронной почты просто показывает код получение ограниченных строк на каждой странице при нажатии следующей кнопки Добавить «динамический» элемент с привязкой данных к моему polymerному элементу innerHTML без html, просто текст Удалите лишнее пространство в нижней части элемента списка HTML.

Firefox SVG с заполнением: url (#id) стиль во внешней таблице стилей сломан, встроенные стили прекрасно

Только в Firefox, если я попытаюсь передать SVG-путь для ссылки на шаблон, например:

path {fill: url (#ref); }

во внешней таблице стилей он делает невидимым. Если я делаю это inline или в теге на странице, он работает.

Вот моя скрипка, и вот мой свалка кода, потому что SO не позволит мне публиковать только скрипку. http://jsfiddle.net/v5VDp/1/

         

.slice: путь nth-child (6n + 2) {fill: url (# texture1); }

https://dl.dropbox.com/s/wkzaoiwnw6ghsmd/simple_svg_test.css

#texture1 подходит для + #texturl . Таким образом, во внешней таблице стилей #texture1 укажет на что-то в самой таблице стилей, которая не будет найдена, поскольку элемент находится в файле svg.

Webkit всегда ошибался, что вызывает много путаницы. Вы должны найти, что Opera соответствует поведению Firefox, как и IE.

Если вы хотите сделать это в таблице стилей, вам придется использовать абсолютный URL, например url ( http://jsfiddle.net/v5VDp/1/#texture1 )

Это покрывается спецификацией CSS . Вы всегда можете связаться с рабочей группой CSS и предложить сделать что-то с этим .

SVG “fill: url (# …)” ведут себя странно в Firefox, когда мы присваиваем код css (как внешний, так и внутренний css).

 #myselector { fill: url('#gradient-id'); } 

Решение

дайте встроенный стиль, это можно сделать обеими способами. Статический или динамический путь

Динамический путь

 .attr('fill', 'url(#gradient-id)') 

Статический путь

 fill="url(#gradient-id)" 

В статике вы должны поместить это в SVG Html;