图片没有得到正确显示

问题描述：

<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我在说的主题。社交图标下方的部分。

这是非常不清楚你问什么。很明显，如果你的HTML类（bg-3）没有改变，你的图像也不会改变 – reinder

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

我检查了网址，我不明白:) – reinder

答

据我所知，你有多个图像，但只有BG - 3图像显示。所以如果你想显示其他图像一个一个你需要使用一些CSS标记是这样的：https：// codepen.io/dudleystorey/pen/ehKpi 或者你可以使用任何的jQuery插件此HTTP：//jquery.malsup.com/cycle/

图片没有得到正确显示

相关推荐