使用 SVG 的 CSS 背景不会在 Chrome 中显示

Question

我找不到明确的答案。我错过了什么？我有最新的 Chrome。你需要什么代码等来帮助我？我在 CSS 中有一个用于添加背景图像的基本条目。 svg 有什么不同？感谢您的帮助。

Answer 1

您可以使用背景图片作为 svg 的 url 或 base64 内容

看看这个 jsFiddle https://jsfiddle.net/hodca/nko5q07r/7/

试试这个：

.testSVG{
   display: 100%;
    height: 193px;
  background-image:url("https://s.cdpn.io/3/kiwi.svg")
}