Css SVG作为背景图像不显示

我已经尝试了我在网上找到的常用解决方案，但是没有得到答案 要显示的背景图像

在第一个标题中，SVG图像似乎将其容器推出得比其

viewBox

所需的要远得多。在第二个标题中，背景图像根本不显示。（SVG代码相同）

HTML:

标题{
保证金：1rem自动0自动；
边框：1px纯红；
}
.集装箱{
边框：2个点橙色；
}
.容器svg{
边框：1px蓝色虚线；
宽度：100%；
身高：100%；
}
#内联svg{
边框：2件粉红色虚线；
}
#标题1{}
#校长2{
背景图像：url（“数据：image/svg+xml；utf8，
");
背景尺寸：自动；
}
#背景svg{
边框：3倍纯黑；
}

你好

当您在url中添加svg代码时，请不要打断它，否则它将无法工作

标题{
保证金：1rem自动0自动；
边框：1px纯红；
}
.集装箱{
边框：2个点橙色；
}
.容器svg{
边框：1px蓝色虚线；
宽度：100%；
身高：100%；
}
#内联svg{
边框：2件粉红色虚线；
}
#标题1{}
#校长2{
背景图像：url（“数据：image/svg+xml；utf8，”）；
背景尺寸：自动；
}
#背景svg{
边框：3倍纯黑；
}

你好

当您在url中添加svg代码时，请不要打断它，否则它将无法工作

标题{
保证金：1rem自动0自动；
边框：1px纯红；
}
.集装箱{
边框：2个点橙色；
}
.容器svg{
边框：1px蓝色虚线；
宽度：100%；
身高：100%；
}
#内联svg{
边框：2件粉红色虚线；
}
#标题1{}
#校长2{
背景图像：url（“数据：image/svg+xml；utf8，”）；
背景尺寸：自动；
}
#背景svg{
边框：3倍纯黑；
}

你好

数据uri中不能有换行符。CSS中

前面的换行符是问题的原因。数据uri中不能有换行符。CSS中

前面的换行符是问题的原因。抱歉。这是粘贴过程中出于某种原因发生的事情。对不起。这是粘贴过程中出于某种原因发生的事情。Doh。