网站部分加载背景图像(Bootstrap)

Question

我正在构建一个画廊，而我所有的代码在Dreamweaver中都可以正常工作，但是当我将成品上传到网站上时，只有大约一半的图像出现了。我已经在Chrome和Internet Explorer上检查了该网站，并让其他人检查是否只是我的PC。

图像用此代码加载为背景图像：

.birdzoom {
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}
#bird01 { 
    background-image: url(../images/thumbs/001.jpg); 
}

并使用此代码显示：

<div class="col-sm-2 imgbox">
    <div class="thumb bird birdzoom" id="bird01">
    <div class="link" onclick="openModal();currentSlide(1)"></div>
        <div class="tags"><a href="purchase.html"><span class="glyphicon glyphicon-tag"></span></a></div>
    </div>
    <div class="birdname">Name</div>
</div>

前18张图像很好地显示了，我已经检查了四倍以确保所有图像都使用相同的代码。

有问题的网站是http://birdbraining.waywardstudios.net/

Answer 1

在您的样式表中

<link href="css/style.css" rel="stylesheet">
...
    #bird01 {
        background-image: url(../images/thumbs/001.jpg);
        background-repeat:no-repeat;
        background-size:cover;
    }
    #bird02 {
        background-image: url(../images/thumbs/002.jpg);
        background-repeat:no-repeat;
        background-size:cover;
    }
    ...
**you have not set the bird19 to bird58**
#bird19 {
        background-image: url(../images/thumbs/019.jpg);
   ...

**您只设置图像1至18 **