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

前端之家收集整理的这篇文章主要介绍了指定一个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或外部引用的文件)中准备,然后用作另一个文件中的背景。

猜你在找的CSS相关文章