2013-08-08 2 views
0

iFrame을 사용하여 전체 페이지를 표시하려하지만 5 초 후 LightBox가 iFrame 위로 튀어 나오게하고 싶습니다. 내가 겪고있는 문제는 iFrame이 LightBox 팝업 상단에 있고 그 반대의 방법을 모르는 것입니다.LightBox2가 HTML iFrame 뒤에 숨어 있습니다.

iFrame 소스에 플래시 플레이어가있는 경우 원인 일 수 있습니다. 그러나 페이지에는 아무 곳이나 플래시가 없습니다. 나는 한 시간 이상 사물을 고치고 있었고, 내가 무엇을하지 않고 있는지 알 수 없었다. , 그들은 단지 뒤에 숨어있어 내가 타이머와 라이트 박스 팝업이 작동 알고 No iFrame

:이 iframe이없는 페이지가 iFrame

입니다 :

은 iframe이있는 페이지입니다 iFrame. 무엇이 잘못 되었습니까?

<body> 
<script type="text/javascript"> 
$(document).ready(function() { 
    var count = 5; 
    var counter = setInterval(timer, 1000); 

    function timer() { 
     count = count - 1; 
     if (count <= 0) { 
      clearInterval(counter); 
      $("#showFB").trigger('click'); 
      return; 
     } 
    } 
}); 


</script> 
<a id="showFB" href="img/globe.png" data-lightbox="image-1" title="" style="display:none">i</a> 

<iframe title="ats" style="position:fixed; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none; margin:0; padding:0; overflow:visible; z-index:999999;" src="http://www.automatedtrafficsuite.com/login"></iframe> 

</body> 

답변

1

당신은

라이트 박스에 라인 8

z-index: 999999; 

lightbox.css를 에서 라이트 박스

의 Z- 인덱스에 더 큰 가치를 부여 Z- 인덱스 문제를 가지고있다. CSS on line 20

z-index: 1000000; 
+0

와우 .. 지금은 완전히 바보 같이 느껴집니다. 고맙습니다. –

+0

환영합니다! :) –

+0

나는 6 분을 기다려야한다. 그러나 나는 할 것이다. –