我是 CSS 的新手，我想向這樣的 div 添加背景影像：
<div class="col-4 customBack">
</div>
這是背景圖片：
.customBack{
background-image: url("img/shadow3.png") !important;
}
但它沒有應用到 div 中，也沒有將影像顯示為背景！
那么我怎樣才能正確地顯示這個背景......
uj5u.com熱心網友回復：
這是你想要的嗎？
div {
border: 2px solid black;
height:300px;
width:300px;
background: url('https://picsum.photos/300/300');
}<div></div>uj5u.com熱心網友回復：
確保.customBack占用一些空間。影像可能不會顯示，因為div它不占用任何空間。如果它不占用任何空間，嘗試添加width和height風格或添加內的一些內容div。如果影像仍未出現，請嘗試添加background-size: cover;到.customBack. 還要確保影像路徑準確。
如果它不起作用，請嘗試與我們共享一個 codepen，然后會更容易為您提供幫助。
uj5u.com熱心網友回復：
你必須在div中添加一些東西
<div class="col-4 customBack">
<p>some text here for example</p>
</div>
或者您可以初始化寬度和高度值
.customBack{
width: 250px;
height: 250px;
background-image: url("img/shadow3.png") !important;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/394843.html