一尘不染

将SVG指定为背景图片,并且还在CSS中设置SVG的样式?

css

是否可以将SVG指定为背景图片,并且还可以在同一CSS文件中设置SVG的样式?

我非常乐于将SVG图像放置,缩放和剪切为单个文件或精灵,但是我无法确定是否可以在将CSS设置为背景图像的同一CSS文件中设置SVG的样式。

在伪CSS中,我想根据父元素的类执行以下操作来更改简单形状的颜色:

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

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

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

显然,这假设SVG中具有类.svg-pathclass的路径

这可能吗?


阅读 740

收藏
2020-05-16

共1个答案

一尘不染

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

2020-05-16