2017-11-07 10 views
1

リンクに問題があります。パラグラフのリンクをクリックすることはできません。ブラウザが偶数行のホバー(chrome/firefox/...)をトリガしないようです。何故か理由は分かりません。私はz-index、間違ったマージン、::afterのコードについて何かを見つけることができません。(または私はそれを見ません)。クリック/ホバーはトリガーしません

私はbootstrapdrupal-7を使用します。通常、drupalにはホバー上のブロックを変更する機能があります。これはどちらもうまくいきません。私はこれがリンクをクリックすることができない同じ問題だと思います。 2行の

Example hover ability drupal

コード

例は、最初の行がホバーをトリガし、第二行は、それをトリガしません。

<div class="container-fluid rowStyle"> 
    <div class="container"> 
    <section id="sociale media" class="block block-block col-md-4 contextual-links-region"> 
     <div class="container-fluid"> 
     <h4 class="text-center block-title">Sociale media</h4> 
     <div class="contextual-links-wrapper contextual-links-processed"> 
      <a class="contextual-links-trigger" href="#">Instellen</a> 
      <ul class="contextual-links"> 
      <li class="block-configure first last"><a href="/admin/structure/block/manage/block/6/configure?destination=node">Blok instellen</a></li> 
      </ul> 
     </div> 
     <div class="content text-center"> 
      <div class="front-icon"> 
      <div class="circle-background">&nbsp;</div> 
      <div class="icon-symbol fa fa-hashtag">&nbsp;</div> 
      </div> 
      <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p> 
     </div> 
     </div> 
    </section> 
    <section id="nieuwsbrief" class="block block-block col-md-4 contextual-links-region"> 
     <div class="container-fluid"> 
     <h4 class="text-center block-title">Nieuwsbrief</h4> 
     <div class="contextual-links-wrapper contextual-links-processed"> 
      <a class="contextual-links-trigger" href="#">Instellen</a> 
      <ul class="contextual-links"> 
      <li class="block-configure first last"><a href="/admin/structure/block/manage/block/7/configure?destination=node">Blok instellen</a></li> 
      </ul> 
     </div> 
     <div class="content text-center"> 
      <div class="front-icon"> 
      <div class="circle-background">&nbsp;</div> 
      <div class="icon-symbol fa fa-newspaper-o">&nbsp;</div> 
      </div> 
      <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p> 
     </div> 
     </div> 
    </section> 
    <section id="video's" class="block block-block col-md-4 contextual-links-region"> 
     <div class="container-fluid"> 
     <h4 class="text-center block-title">Video's</h4> 
     <div class="contextual-links-wrapper contextual-links-processed"> 
      <a class="contextual-links-trigger" href="#">Instellen</a> 
      <ul class="contextual-links"> 
      <li class="block-configure first last"><a href="/admin/structure/block/manage/block/8/configure?destination=node">Blok instellen</a></li> 
      </ul> 
     </div> 
     <div class="content text-center"> 
      <div class="front-icon"> 
      <div class="circle-background">&nbsp;</div> 
      <div class="icon-symbol fa fa-video-camera">&nbsp;</div> 
      </div> 
      <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p> 
     </div> 
     </div> 
    </section> 
    </div> 
</div> 
<div class="container-fluid rowStyle"> 
    <div class="container"> 
    <section id="leerlingenvervoer" class="block block-block col-md-4 contextual-links-region"> 
     <div class="container-fluid"> 
     <h4 class="text-center block-title">Onderweg...</h4> 
     <div class="contextual-links-wrapper contextual-links-processed"> 
      <a class="contextual-links-trigger" href="#">Instellen</a> 
      <ul class="contextual-links"> 
      <li class="block-configure first last"><a href="/admin/structure/block/manage/block/17/configure?destination=node">Blok instellen</a></li> 
      </ul> 
     </div> 
     <div class="content text-center"> 
      <div class="front-icon"> 
      <div class="circle-background">&nbsp;</div> 
      <div class="icon-symbol fa fa-bus">&nbsp;</div> 
      </div> 
      <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p> 
     </div> 
     </div> 
    </section> 
    <section id="veelgestelde vragen" class="block block-block col-md-4 contextual-links-region"> 
     <div class="container-fluid"> 
     <h4 class="text-center block-title">Veelgestelde vragen</h4> 
     <div class="contextual-links-wrapper contextual-links-processed"> 
      <a class="contextual-links-trigger" href="#">Instellen</a> 
      <ul class="contextual-links"> 
      <li class="block-configure first last"><a href="/admin/structure/block/manage/block/18/configure?destination=node">Blok instellen</a></li> 
      </ul> 
     </div> 
     <div class="content text-center"> 
      <div class="front-icon"> 
      <div class="circle-background">&nbsp;</div> 
      <div class="icon-symbol fa fa-question">&nbsp;</div> 
      </div> 
      <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p> 
     </div> 
     </div> 
    </section> 
    <section id="zij helpen mee..." class="block block-block col-md-4 contextual-links-region"> 
     <div class="container-fluid"> 
     <h4 class="text-center block-title">Zij helpen mee...</h4> 
     <div class="contextual-links-wrapper contextual-links-processed"> 
      <a class="contextual-links-trigger" href="#">Instellen</a> 
      <ul class="contextual-links"> 
      <li class="block-configure first last"><a href="/admin/structure/block/manage/block/19/configure?destination=node">Blok instellen</a></li> 
      </ul> 
     </div> 
     <div class="content text-center"> 
      <div class="front-icon"> 
      <div class="circle-background">&nbsp;</div> 
      <div class="icon-symbol fa fa-users">&nbsp;</div> 
      </div> 
      <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p> 
     </div> 
     </div> 
    </section> 
    </div> 
</div> 

追加情報

私はセクションソーシャルメディア下のリンクを追加しました。テキストの色に少し違いがあります。

何が間違っている可能性がありますか?あなたのsbsdevlieger.min.css(ライン811)で

+1

にZインデックスを設定しますもう少し問題です。コード内の問題の一番下に到達し、問題の最小限の実行可能な例を提供してください。 –

+0

私は知っている..私はまだそれを探して、試してみました。しかし、現時点では、何が間違っているのか分かりません。 – Finduilas

+0

問題のあるコードのみを提供することから始めます。今では大量のHTMLファイルとCSSはありません。小さなビット、たぶん1つの 'section'を抽出して、CSSを添付することができます。 –

答えて

1

あなたがトリガされるのホバーを防ぐためのzインデックスの問題を抱えている、

はあなたがダウンして沸騰するようにしてください0

.rowStyle:nth-child(even) { 
    .... 
    z-index:0; 
    .... 
} 
+0

それは問題です..奇妙な私はこのCSSを見ませんでした。 +1! – Finduilas

+1

うれしいです:) –

関連する問題