Css 动态背景图像不工作-角度5_Css_Angular

Css 动态背景图像不工作-角度5

css angular

Css 动态背景图像不工作-角度5,css,angular,Css,Angular,我正在使用ngStyle设置背景图像，如下所示： <section [ngStyle]="{'background': 'url(' + backgroundUrl + ') no-repeat 0 0 / cover'}" class="slider flex-center"> https://..something/264/2970/7745/9960/rawpixel-com-256641_(1)_org_hd_ready.jpg.jpg 问题是，如果用户上传相同的图像，我

我正在使用ngStyle设置背景图像，如下所示：

<section [ngStyle]="{'background': 'url(' + backgroundUrl + ') no-repeat 0 0 / cover'}" class="slider flex-center">

https://..something/264/2970/7745/9960/rawpixel-com-256641_(1)_org_hd_ready.jpg.jpg

问题是，如果用户上传相同的图像，我会得到如下url：

<section [ngStyle]="{'background': 'url(' + backgroundUrl + ') no-repeat 0 0 / cover'}" class="slider flex-center">

https://..something/264/2970/7745/9960/rawpixel-com-256641_(1)_org_hd_ready.jpg.jpg

括号中有（1），我猜css不能很好地使用它，所有其他图像都会显示，但只有具有这种类型路径的副本不会显示

它与

img

标记一起工作，但不与css中的后台属性一起工作

有人知道怎么回事吗？

您可以添加

部分的高度
和宽度

我已经在上创建了一个演示

找到了解决方案
背景图像在图像路径中不允许（）、空格、单引号和双引号