将SVG指定为背景图片，并且还在CSS中设置SVG的样式？
是否可以将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的路径
这可能吗？
问题答案：
-
问题内容： 所以，我正在尝试做这样的事情： 在当前版本的Chrome，Safari（OS X和iOS）和Firefox中，这可以很好地工作。但是，SVG根本不会出现在IE 9、10或11中。 是因为IE不支持此功能，还是因为我做错了什么？ [解决方案更新] 多亏了hungerstar，我才能完成这项工作。总结他的建议，我需要进行以下更改： 将数据类型从更改为（即必填） URL编码svg。为了最大程
-
问题内容： 我正在使用SVG徽标作为背景图像，但似乎无法使其在Internet Explorer （编辑：和Safari）中 正确对齐到左侧。 容器如下所示： 搭配款式： 您可以看到应当跨越其父元素的100％，但在元素左侧显示徽标。在Chrome和Safari中这可以正常工作，但徽标始终位于IE中的居中位置。 似乎很难找到信息，其他人也遇到同样的问题吗？ 问题答案： 问题不在于CSS，而在于SVG
-
问题内容： 我想像在CSS中一样给SVG的背景上色 我只能找到有关的文档，该文档使文本本身着色 可能吗 问题答案： 否，这是不可能的，SVG元素没有 表示属性。 为了模拟这种效果，您可以使用或类似的东西（过滤器）在text属性后面绘制一个矩形。使用JavaScript，您可以执行以下操作：
-
问题内容： 我有一个外部SVG文件，其中包含一些嵌入的图案图像标签。每当我使用将该SVG转换为PNG时，生成的PNG图像都不包含我已作为图案应用到某些SVG路径的图像。有什么办法解决这个问题？ 问题答案： 是的，有：将svg附加到文档中，并将所有包含的图像编码为dataURIs。 我正在编写一个脚本来执行此操作，还编写了一些其他内容，例如包括外部样式表以及toDataURL失败的其他修复方法（例如
-
问题内容： 有什么方法可以将图像设置为背景JFrame？ 问题答案： 没有内置方法，但是有几种方法可以实现。目前我能想到的最直接的方法是： 创建的子类。 重写绘制想要显示的图像的方法。 设置内容窗格的是这个子类。 一些示例代码： 请注意，如果你要使用此代码，则不会处理调整图像大小以适合的大小。
-
问题内容： 如果选择了该面板（单击该面板），则该面板的颜色为蓝色。另外，我在该面板上添加了一个小标志（图像），它表示所选面板之前已被选中。 因此，如果用户看到例如10个面板，其中有4个带有这个小标记，则他知道自己之前已经单击了这些面板。到目前为止，这项工作还不错。现在的问题是我无法显示小标志并使面板同时变为蓝色。 我使用css将面板设置为蓝色，使用设置背景图像。但是背景色似乎在图像上方，因此您看不