Задать фоновое изображение CSS для встроенного символа SVG?
Если вы находитесь на Java 10, вы можете использовать var для этого:
var ordinal = new Object() { int value; };
list.forEach(s -> {
s.setOrdinal(ordinal.value);
ordinal.value++;
});
3 ответа
Изображение должно быть полным файлом.
Из спецификации SVG ...
Элемент «image» указывает, что содержимое всего файла должно быть отображено ...
То же самое верно для фонового изображения и т. Д.
@Robert Longson
это верно. Но вы можете сделать это таким образом. Но символ не так, как он будет работать. К сожалению, вы должны использовать «g» или что-то подобное для ссылки.
body {
background: url(http://www.broken-links.com/tests/images/faces.svg#devil-view);
}
http://codepen.io/Type-Style/pen/ByvKJq
Это не будет работать, если svg находится в разметке.
(1) одним из возможных способов использования встроенного SVG было бы использование символов и абсолютное наслоение DIV:
<a class="preview-modal__device-icon-link" ng-click="setPreviewWidth('phone')">
<svg class="preview-modal__device-icon"><use xlink:href="#icon-phone">
</use></svg>
</a>
(2) Вторым решением было бы использование URI данных: здесь есть хорошая информация: https://css-tricks.com/using-svg/ с помощью этого инструмента: инструмент онлайн-конвертации Mobilefish.com
CSS :
.logo {
background: url("data:image/svg+xml;base64,[data]");
}
HTML:
<img src="data:image/svg+xml;base64,[data]">