单击/悬停不会触发

Question

我对 link 有疑问。我无法在段落中单击 link。似乎浏览器不会在偶数行上触发悬停（chrome / firefox / ...）。我看不出任何原因。我找不到关于 z-index、错误边距、::after 中的代码的信息，..（或者我没有看到它）。

我使用 bootstrap 和 drupal-7。通常 drupal 能够在悬停时更改块。这也不管用。我想这也是我无法单击 links.

的问题

代码

2 行示例，第一行触发悬停，第二行不触发。

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

额外信息

我的全CSS：pastebin url
网址：website url

我在社交媒体部分下添加了一个link。您可以看到文字颜色略有不同。

有什么问题吗？

Answer 1

您的 z-index 问题导致悬停无法触发，

在您的 sbsdevlieger.min.css（第 811 行）中将 z-index 设置为 0

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

单击/悬停不会触发

Click/ Hover doesn't not trigger

html

css

jquery

drupal-7