我正在使用Angular 6。
我必须从模板设置div的背景图像，为此，我正在做
<div class="full-page-background" [style.background-image]="'url(./assets/img/bg5.jpg)'">
</div>
但这会导致找不到 404 。
我尝试了使用<img>标签的相同路径
<img src="./assets/img/bg5.jpg" alt="">
工作正常。
1。为什么它不能使用样式元素？
2。如何设置div的背景图片？
答案 0 :(得分：0)
应为
<div class="full-page-background" style="background-image: url('/assets/img/bg5.jpg'); "></div>
答案 1 :(得分：0)
使用ngStyle指令
[ngStyle]="{'background-image':'url(./assets/img/bg5.jpg)'}">
答案 2 :(得分：0)
使用 style.backround 代替style.background-image
<div class="full-page-background" [style.background]="'url(./assets/img/bg5.jpg)'">
</div>
或者我认为这也可行
<div class="full-page-background" [style.backgroundImage]="'url(./assets/img/bg5.jpg)'">
</div>
答案 3 :(得分：0)
使用自定义类bg：
在CSS中定义类bg：
.bg {
background-image: url('/../assets/img/bg5.jpg');
}