無法加載圖像引導從css的carrousell

Question

我在我的網站中使用引導傳送帶，我想爲carrousel的圖像添加一些效果，因爲我需要從CSS加載圖像而不是從HTML加載圖像但是如果我刪除img標籤，則傳送帶不顯示任何內容並跳到下一張幻燈片。

這是顯示旋轉木馬是如何加載的幻燈片div標籤。

<div class="item"> 
<img src="path/img.png" alt="Second slide"> 
<div class="container"> 
</div> 

這是我的CSS

.imagefromcss{ 
background-image:url("path/to/bg.png"), url("path/to/another.jpg"); 
background-repeat: repeat, no-repeat; 
background-size:auto, cover; 
} 

，這是我試圖使用類imagefromcss從CSS加載圖像，但沒有圖像顯示出來

<div class="item"> 
<img src="" alt="Second slide" class="imagefromcss"> 
<div class="container"> 
</div> 

任何人可以請如何才能做到這一點？

Answer 1

指定寬度和高度爲像下面的背景圖像。

.imagefromcss{ 
background-image:url("path/to/bg.png"), url("path/to/another.jpg"); 
background-repeat: repeat, no-repeat; 
background-size:auto, cover; 
width:300px; 
height:300px; 
} 

Sample DEMO