iframe 내부에서 Fancybox 모달이 작동하지 않습니다.

Question

iPhone Safari에서 Fancybox 모달 대화 상자가 작동하지 않습니다! 어떤 이유가 있습니까?

<div class="m39-modal" data-component="m39-modal" id="modal_true"> 
    <button data-trigger="true" class="m39-modal__trigger">Modal Trigger</button> 
<div data-content="true" class="m39-modal__container" role="dialog" aria-expanded="false"> 
    <div class="m39-modal__dialog"> 
     <div class="m39-modal__header"> 
      <div class="m39-modal__title">Terms &amp; Conditions</div> 
      <button data-close="true" class="m39-modal__button--close">Close</button> 
     </div> 
     <div class="m39-modal__content"> 

       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ut facilisis metus, varius elementum leo. Sed ut justo at magna pulvinar commodo non quis elit. Etiam cursus turpis sagittis sapien vulputate, sed sagittis nisi interdum. Suspendisse id neque non elit feugiat luctus. Aenean venenatis iaculis gravida. Nulla consectetur luctus neque ut fermentum. Fusce tellus risus, laoreet lacinia purus sed, tempor interdum nunc. </p><p>Phasellus in lorem justo. Ut rhoncus turpis at arcu dapibus, at lacinia lacus elementum. Donec elementum consectetur justo, non hendrerit augue dictum sit amet. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam fringilla dui eget orci fermentum, vitae porttitor massa mollis. Duis luctus, eros quis vulputate convallis, sapien neque condimentum neque, vitae fermentum turpis sapien in ligula.</p><p>Phasellus iaculis odio a urna hendrerit, in iaculis odio ultricies. Nunc sed lacinia nulla. Vestibulum malesuada nunc id sapien volutpat luctus. Nam non fermentum metus. Nullam fermentum massa ut sem tristique, sed rhoncus leo vestibulum. Nullam egestas faucibus hendrerit. Duis risus felis, pulvinar eget risus in, dapibus varius metus. Vivamus turpis magna, sodales ut consequat at, auctor eu orci.</p> 

     </div> 
    </div> 
</div> 

당신은 당신의 아이폰 사파리에 코드를 검사 할 수 있습니다

는 모달 - 대화가 작동하지 않습니다,하지만 안드로이드에 그렇습니다. If you tried to enter this link through your iphone with safari browser http://molham.ae/m39-modal.html

(05) 번호 팝업이 나타나야합니다. 데스크탑 브라우저에서 시도하면 작동합니다.

Answer 1

Safari에서 전환을 처리하는 방법과 관련하여 문제가 있음을 확신합니다. iframe이로드 된 페이지에 다음 CSS 규칙을 추가하여 오류를 수정했는지 확인할 수 있습니까?

.m39-modal .m39-modal__container, .m39-modal .m39-modal__dialog { -webkit-transition: opacity 0.1s; }