圖片沒有得到正確顯示

-1

<div class="heading-strip bg-3 container-fullscreen"> 
     <div class="overlay"> 
     </div> 
</div>

這個網站我bg-3已低於CSS應用到它

.bg-3{background-image:url(../images/pictures/3.jpg); 
background-size:cover; }

現在，我在我的主題相同的圖像的7種不同的尺寸。我想用我的圖像替換主題圖像。所以我設計了所有7個維度的圖像，並取而代之的是希望按照不起作用的主題進行工作。

這裏的相關CSS

.bg-1{background-image:url(../images/pictures/1.jpg); background-size:cover; } 
.bg-2{background-image:url(../images/pictures/2.jpg); background-size:cover; } 
.bg-3{background-image:url(../images/pictures/3.jpg); background-size:cover; } 
.bg-4{background-image:url(../images/pictures/4.jpg); background-size:cover; } 
.bg-5{background-image:url(../images/pictures/5.jpg); background-size:cover; } 
.bg-6{background-image:url(../images/pictures/6.jpg); background-size:cover; } 
.bg-7{background-image:url(../images/pictures/7.jpg); background-size:cover; } 

.heading-strip{ 
padding-top:25px; 
padding-bottom:25px; 
} 

.heading-strip .overlay{ 
position:absolute; 
top:0px; 
left:0px; 
width:100%; 
height:100%; 
background: linear-gradient(to bottom, 
    rgba(0, 0, 0, 0.4), 
    rgba(0, 0, 0, 0.9) 
) 
}

是什麼原因，我該如何解決呢？

Here's我在說的主題。社交圖標下方的部分。

來源

2016-03-04 Suraj

這是非常不清楚你問什麼。很明顯，如果你的HTML類（bg-3）沒有改變，你的圖像也不會改變 – reinder

如果你可以檢查提到的URL。你可能會明白 – Suraj

我檢查了網址，我不明白:) – reinder

據我所知，你有多個圖像，但只有BG - 3圖像顯示。所以如果你想顯示其他圖像一個一個你需要使用一些CSS標記是這樣的：https：// codepen.io/dudleystorey/pen/ehKpi 或者你可以使用任何的jQuery插件此HTTP：//jquery.malsup.com/cycle/

來源

2016-03-08 08:27:09 satya

圖片沒有得到正確顯示

回答

相關問題