Question

在以下网站http://haircolourideas.eu/#section2上，我在服务部分有一个ul，而且我有背景图片。李的服务有1类，服务2等。背景图像突然变得不可见。如果我检查元素，则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">

Answer 2

<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>

从class="hidden"

中删除ul

Answer 3

你可以试试这个：我可以肯定地展示你的形象。

.hidden {
    /* opacity: 0; */
}

如果不需要，则删除opacity:0属性，否则设置不透明度：1;

否则您可以从ul

中删除隐藏类

Answer 4

只需删除隐藏类隐藏的方法

<ul id="services-list" class="hidden"> not visible
<ul id="services-list" class=""> visible

Answer 5

问题是动画无效，因为ul class="hidden" opacity: 0使ul隐藏了所有class="hidden"部分。应用ListView是因为您在服务器jquery.viewportchecker.js中缺少此脚本。如果使用inspect元素打开控制台，则可以看到错误。该脚本根据您所在的部分使隐藏的类适用或不适用。在某种程度上，脚本已从您的服务器中删除，正如您在链接中看到的那样：http://haircolourideas.eu/js/jquery.viewportchecker.js因此您必须将其放回原点并且还有此jquery错误： “未捕获的TypeError：jQuery（...）。addClass（...）。viewportChecker不是一个函数” 在你的控制台将消失，网站将像以前一样运作

存在背景图像但不可见

5 个答案: