Question

我的链接有问题。我无法点击paragraf中的链接。似乎浏览器不会在偶数行上触发悬停（chrome / firefox / ...）。我看不出任何理由。我无法找到关于z-index，错误边距，::after中的代码，...（或者我没有看到它）的内容。

我使用bootstrap和drupal-7。通常drupal能够在悬停时更改块。这两点都不起作用。我想这是同样的问题，我无法点击链接。

代码

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

我在 Sociale Media 部分添加了一个链接。你可以看到文字颜色有点不同。

可能出现什么问题？

Answer 1

你有一个阻止悬停被触发的z-index问题，

在sbsdevlieger.min.css（第811行）中

将z-index设置为0

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

点击/悬停不会触发

1 个答案: