是否可以将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或外部引用的文件), 然后 在另一个文件中用作背景。