재단 모달 상자가 회색으로 표시됨

Question

재단의 공개 플러그인을 사용하는 모달 상자가 작동하지 않는 이유를 알아 내려고했습니다. stackoverflow에서 CSS에서 Z- 인덱스 문제가있는 비슷한 질문을 보았지만 내 모달 위에있는 대상을 찾지 못했습니다.

여기에 내가 일하고 있어요 웹 사이트는 다음과 같습니다 당신이 링크를 확대하기 위해 추가 기능 링크 또는 탭을 클릭하면 http://eaglecrusher.300m.co/demo.html

당신은 조동사를 볼 수 있습니다.

<pre><code><div id="additional-features" class="reveal-modal" data-reveal> 
<h3>Achieve Your Highest Return on Investment Ever With the E-Plant.</h3> 
<a class="close-reveal-modal">&#215;</a></code></pre> 

내가 페이지 하단에 기초를로드 :

<pre><code><a href="#" data-reveal-id="additional-features">Additional Features</a> 

다음

모달 콘텐츠에 대한 간략한 마크 업입니다 :

다음은 링크에 대한 모달 마크 업입니다 다음과 같이 :

Answer 1

그냥 .main에 Z- 인덱스를 제거 :

.main { 
    padding: 0 2em; 
    position: relative; 
    z-index: 10; /* remove me */ 
} 

를 AS를 제외하고, 레이아웃은 방법 너무 넓습니다.