html - 背景图像存在但不可见

Question

在以下网站上 http://haircolourideas.eu/#section2我在服务部分有一个 ul，而 li 有背景图片。 li 有 service1 、 service2 等类别。背景图像突然变得不可见。如果我检查元素的 css 是正确的，它表明图像存在。该网站已经上线几个月了，我没有做任何更改，这一切都是今天才发生的

<ul id="services-list" class="hidden">
    <li class="service1 service-img"><label class="btn" for="modal-1"><h3>meche</h3></label></li>
    <li class="service2 service-img"><label class="btn" for="modal-2"><h3>tinting</h3></label></li>
    <li class="service3 service-img"><label class="btn" for="modal-3"><h3>fashion</h3></label></li>
    <li class="service4 service-img"><label class="btn" for="modal-4"><h3>change</h3></label></li>
</ul>

.service1 {
    background: url(../img/meche1.png);
    cursor: pointer;
}

.service2 {
    background: url(../img/tint1.png);
    cursor: pointer;
}

.service3 {
    background: url(../img/fashion1.png);
    cursor: pointer;
}

.service4 {
    background: url(../img/change1.png);
    cursor: pointer;
}

Answer 1

从这些节点中删除隐藏的类:

<div id="services-info" class="hidden">
<ul id="services-list" class="hidden">