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

  • Z时代
  • 2024-01-10
  • 分类：问答

是否可以将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的路径

这可能吗？

回答：

不，这是不可能的。SVG必须在一个文档中准备（可以是数据URI或外部引用的文件），

然后 在另一个文件中用作背景。

以上是 将SVG指定为背景图片，并且还在CSS中设置SVG的样式？ 的全部内容， 来源链接： utcz.com/qa/427172.html

回到顶部