作者:空白画叶子 | 来源:互联网 | 2023-05-22 12:21
我知道外部svg文件可以链接到背景图像:
background-image: url(Icon.svg);
和符号id可以从外部svg文件中定位:
background-image: url(Icons.svg#Icon-Menu);
但是如何将背景图像设置为内联 svg符号?(如下)
我的svg位于我的网页正文的顶部而不是外部文件.
我希望.test
背景图像成为#Icon-Menu
符号.
.test{
background:#ddd url('../#Icon-Menu');
height:100px;
width:100px;
display:block;
}
1> Robert Longs..:
图像必须是完整的文件。
从SVG规范 ...
'image'元素表示要渲染完整文件的内容...
背景图像等也是如此。
2> Type-Style..:
罗伯特·朗森
那就对了。但是您可以通过这种方式做到。但是符号不是它起作用的方式。不幸的是,您必须使用“ g”或类似的东西进行引用。
body {
background: url(http://www.broken-links.com/tests/images/faces.svg#devil-view);
}
http://codepen.io/Type-Style/pen/ByvKJq
如果svg位于标记中,则它将不起作用。