2015-02-04 3 views
0

일부 구독 용도로 상자를 만들고 싶습니다. 어떻게해야 :
iframe 창이 열려있을 때 본문 사용 중지

  • 사용자가 버튼을 클릭하면
  • iframe이 창은
  • 을 열고 사용자가 필드에 데이터를 삽입 할 수 있습니다.

매우 간단하고 사실 실제로 보입니다.
jquery와 CSS를 사용하면 iframe 상자를 만들 수 있습니다.

사용자가 페이지
  • 내 창을 열어 그러나 한
    • , 그는 여전히 배경 링크를 선택할 수 있습니다 :하지만, 내가 직면 한 진짜 문제는 이것이었다.

    그래서, 내가 iframe을 열 unclickable처럼 신체 또는 무언가를 사용하지 않도록해야합니다.

  • +0

    당신이 지금까지해온 것을 보여주세요. –

    +0

    전체 화면을 차지하는'position : fixed'로'div'를 배치하고, 높은'z-index'를주고, iframe 박스에 약간 더 높은'z-index'를 줄 수 있습니다. –

    +0

    당신은 또한'position : related; 팝업이 시작될 때 페이지 래퍼에 'z-index : -1;'을 추가하지만 팝업이 엉망이 될 수있는 ''태그는 표시하지 않습니다. – Stickers

    답변

    1

    iframe이 열려있을 때 전체 페이지에 DIV를 삽입하십시오.

    <div class="cover"></div> 
    
    
    .cover { 
        position:fixed; 
        top:0; 
        bottom:0; 
        left:0; 
        right:0; 
        z-index:2; 
        color:rgba(0,0,0,0.3) 
    } 
    

    ... iframe에 더 높은 z- 색인을 지정하십시오.

    +0

    그러면 사용자가 백그라운드 링크에 액세스 할 수 없게됩니까? – MihirUj

    +0

    오른쪽. 그들은 오버레이를 클릭하게 될 것이고 오버레이는 이벤트를 구속하지 않습니다. –

    관련 문제