1
링크에 문제가 있습니다. 파라 그래프의 링크를 클릭 할 수 없습니다. 브라우저가 짝수 행의 호버 (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"> </div>
<div class="icon-symbol fa fa-hashtag"> </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"> </div>
<div class="icon-symbol fa fa-newspaper-o"> </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"> </div>
<div class="icon-symbol fa fa-video-camera"> </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"> </div>
<div class="icon-symbol fa fa-bus"> </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"> </div>
<div class="icon-symbol fa fa-question"> </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"> </div>
<div class="icon-symbol fa fa-users"> </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
내가 섹션 소셜 미디어 아래에 링크를 추가했습니다. 텍스트 색상에 약간의 차이가 있음을 알 수 있습니다.
무엇이 잘못 될 수 있습니까? 당신의 sbsdevlieger.min.css (라인 811)에
에 Z- 인덱스를 설정 문제 좀 더. 코드에서 문제의 맨 아래로 가려고 시도한 다음 문제에 대해 최소한의 실용적인 예를 제공하십시오. –
나는 그것을 알고있다. 나는 아직도 그것을 찾으려고 노력했다. 그러나 잠시 동안 나는 무엇이 잘못되었는지 알 수 없습니다. – Finduilas
문제가되는 코드 만 제공하면됩니다. 지금 당신은 거대한 HTML 파일과 CSS가 없습니다. 작은 비트, 아마도 하나의'섹션 '을 추출하여 CSS를 첨부 할 수 있습니다. –