指定一个SVG作为背景图像,并在CSS中设置SVG样式？

是否可以将SVG指定为背景图像，并将SVG设置为同一CSS文件中的SVG？

我非常舒适地将SVG图像放置，缩放和剪切为单个文件或精灵，但是如果可以在同一个CSS文件中对SVG进行样式设置为背景图像，那么我无法解决问题。

在伪CSS中，我想根据父元素的类来改变简单形状的颜色：

element1 {
 background-image(icon.svg);
}

element1.black .svg-pathclass {
 fill: #000000;
}

element1.white .svg-pathclass {
 fill: #ffffff;
}

显然，这假设SVG中有一个路径，具有类.svg-pathclass

这可能吗？

解决方法

不，这是不可能的。 SVG必须在一个文档(可能是 data URI或外部引用的文件)中准备，然后用作另一个文件中的背景。

原文地址：https://www.jb51.cc/css/219353.html