2016-04-07 26 views
-1

次のサイト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; 
} 
+0

わかりませんが、あなたはclass =" hidden "ですか? –

答えて

1

を削除する問題は、アニメーションが原因で機能していないということですulあなたはclass="hidden"です。opacity: 0はすべてを隠していますulセクション。サーバーのjquery.viewportchecker.jsにこのスクリプトがないため、class="hidden"が適用されます。 inspect要素でコンソールを開くと、エラーが表示されます。スクリプトは、クラスを非表示にしたり、あなたのセクションに基づいていないようにします。何らかの形で、スクリプトでサーバから削除されたのは、http://haircolourideas.eu/js/jquery.viewportchecker.jsのように、このjqueryエラー: "Uncaught TypeError:jQuery(...)。addClass(..)です。 。)viewportCheckerは関数ではありません。 "コンソール内の が消え、Webサイトは以前と同じように機能します。

+0

これはちょっと新しいので、jqueryファイルはどうやってサーバーから削除されるのでしょうか? – dmc

+0

私は確かに言いたいことはわかりませんが、ホストcpanelに入力して誤って削除したり、バックアップや復元を行ったりして、このプロセスで失われたWeb上で変更を加えた可能性があります。あなたのウェブを変更したか、ホストを変更しましたか? –

+0

私が行ったことは、私のjsフォルダの近くにどこにもない私のcssフォルダを更新していたのですが、どちらかの方法で問題が発生した場合、私は自分のサーバ上の様々なフォルダをチェックしてください。 – dmc

2

今日thoesノードから隠さ削除クラス起こっている:class="hidden"を削除

<div id="services-info" class="hidden"> 
<ul id="services-list" class="hidden"> 
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> 

をあなたの投稿:ul

1

あなたはこれを試すことができます:私は確かにあなたのイメージを表示すると言うことができます。

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

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

そうでなければあなたは、UL

1

から隠さクラスを削除することができますだけでクラスの隠れ手段に

<ul id="services-list" class="hidden"> not visible 
<ul id="services-list" class=""> visible 
関連する問題