CSS:使用标记中定义的SVG图像(#id)

时间:2017-05-02 14:30:57

标签: css svg

我在标记中定义了一个svg

<html>
....
<svg id="my-svg">.....</svg>
....
</html>

有没有办法在CSS中使用这个svg,例如作为CSS背景?

.a-div {
    background: url(#my-svg);
}

1 个答案:

答案 0 :(得分:2)

上面你要做的是不可能的。最接近的解决方案是将svg保存在自己的文件中(例如my-vector-image.svg),然后使用以下css:

.a-div {
  background: url(my-vector-image.svg);
}

您可以阅读有关此here的更多信息。