jQuery Мобильное всплывающее окно размыто

Question

У меня возникают проблемы с всплывающими сообщениями на jQuery mobile при использовании моей формы на iPad (Safari).

Всплывающие окна на моей странице полностью размыты, когда я изменяю размер или использую всплывающие окна virtuel.

мой всплывал:

<div data-role="popup" id="popupConjoint" data-dom-cache="true" data-theme="a" data-position-to="window"> 
    <a href="#" data-rel="back" data-role="button" data-theme="g" data-icon="delete" data-iconpos="notext" class="ui-btn-right radius">Close</a> 

     <div data-role="header" data-theme="e"> 
     </div> 
     <div data-role="content" data-theme="a"> 

     <div id="popup_Conj_div1"> 
      <div> 

     </div> 
      <div id="popup_Conj_div2" style="display:none; text-align : center;" > 
      </div> 

      <div id="popup_Conj_div3" style="display:none;"> 
      </div> 
    </div> 
</div> 

мой Всплывающее вызов:

   $('#popupEnfant').popup(); 
    $('#popup_Enf_div1').show(); 
    $('#popup_Enf_div2').hide(); 
    $('#popup_Enf_div3').hide();  
      $("#detailassureEnfant").popup("open"); 

see the result

Answer 1

вы пытались добавить это в CSS?

.ui-popup { -webkit-transform:translateZ(0) } 

Кто-то упоминая подобную проблему в форуме происходит некорректно

http://forum.jquery.com/topic/1-2-popup-picture-gets-blurry-on-my-android-4-0-phone-also-on-the-demo-page

Answer 2

мара-MFA ответ не помог мне с этим же вопросом.

решаемые, добавив:

.modal.fade .modal-dialog { 
-webkit-transform: inherit !important; 
-moz-transform: inherit !important; 
-o-transform: inherit !important; 
transform: inherit !important; 
} 

Я использую щ-самозагрузки так что, возможно, именно поэтому мне нужно другое решение ..