Hintergrundbild vorhanden, aber nicht sichtbar

-1

Auf der folgenden Seite http://haircolourideas.eu/#section2 Ich habe eine UL in der Service-Sektion und die Li's haben Hintergrundbilder. Die li's haben Klassen von Service1, Service2 usw. Die Hintergrundbilder sind plötzlich unsichtbar geworden. Wenn ich Element überprüfe, ist das CSS korrekt und es zeigt an, dass die Bilder vorhanden sind. Die Website wurde leben ein paar Monate und ohne mich etwas ändern dies heute gerade passiert hatHintergrundbild vorhanden, aber nicht sichtbar

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

Quelle

2016-04-07 dmc

Ich bin nicht sicher, aber es scheint, Sie haben eine Klasse =" versteckt "? –

Das Problem ist, dass die Animation nicht da funktioniert in der ul haben Sie class="hidden", die opacity: 0 macht, die alleverbirgtAbschnitt. Die class="hidden" wird angewendet, weil Sie dieses Skript in Ihrem Server jquery.viewportchecker.js fehlen. Wenn Sie Ihre Konsole mit dem inspect-Element öffnen, können Sie den Fehler sehen. Das Skript bewirkt, dass die Klasse basierend auf dem Bereich, in dem Sie sich befinden, ausgeblendet wird. In gewisser Weise wurde das Skript von Ihrem Server gelöscht, wie Sie in dem Link sehen können: http://haircolourideas.eu/js/jquery.viewportchecker.js also musste man es zurückstellen und damit auch diesen jquery Fehler: "Uncaught TypeError: jQuery (...). AddClass (.. .) viewportChecker ist keine Funktion " in Ihrer Konsole wird verschwinden und die Website wird wie zuvor funktionieren

Quelle

2016-04-07 14:00:17

ich bin ein wenig neu zu diesem so einfach fragen, wie eine jquery-Datei nur vom Server gelöscht werden? – dmc

Ich weiß nicht, was ich sagen soll, aber Sie könnten Änderungen in Ihrem Web vorgenommen haben, indem Sie auf Ihrem Host-cpanel und versehentlich gelöscht, oder Sie haben eine Sicherung und Wiederherstellung und hat in diesem Prozess verloren. Haben Sie Änderungen an Ihrem Web vorgenommen oder den Host geändert? –

nein alles, was ich getan hatte, war mein css-Ordner zu aktualisieren, der nirgends in der Nähe meines js-Ordners ist, aber wie ich gelernt habe, wenn ich auf Probleme stoße sollte ich die verschiedenen Ordner auf meinem Server – dmc

Remove Klasse von thoes Knoten versteckt:

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

Quelle

2016-04-07 13:45:56 Robert

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

die class="hidden" entfernen von Ihrem ul

Quelle

2016-04-07 13:46:10

Sie können dies versuchen: Ich kann sagen, Ihr Bild zeigen.

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

If don't need then remove opacity:0 property, otherwise set opacity: 1;

Ansonsten können Sie entfernen versteckt Klasse von ul

Quelle

2016-04-07 13:49:35

Nur die Klasse versteckt bedeutet entfernen

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

Quelle

2016-04-07 13:51:56

Hintergrundbild vorhanden, aber nicht sichtbar

Antwort

Verwandte Themen