在另一個stackoverflow答案之后,我嘗試了以下操作:
<div [style.background-image]="'url(https://picsum.photos/200)'"></div>
這確實沒有效果,也沒有顯示圖片。如果我改用<img>標簽并設定相同的 url,它就可以作業。但我需要它作為 div 背景。
誰能告訴我我做錯了什么以及如何正確設定 div 的影像背景?
uj5u.com熱心網友回復:
問題在于您的 div 定義。div 元素內部沒有任何內容,因此他的高度/寬度為 0。嘗試類似:
你的.component.html:
<div class="image"></div>
你的.component.css:
.image {
height: 200px;
width: 200px;
background-image: url('https://picsum.photos/200');
}
stackblitz 中的一個例子: https ://stackblitz.com/edit/angular-ivy-bmrp6j
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/531382.html
