指定一个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或外部引用的文件)中准备,然后用作另一个文件中的背景。

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效