在以下网站上 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;
}
最佳答案
从这些节点中删除隐藏的类:
<div id="services-info" class="hidden">
<ul id="services-list" class="hidden">
关于html - 背景图像存在但不可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36478015/