jQuery Mobile彈出模糊

Question

我在使用iPad（Safari）上的表單時遇到了jQuery移動版彈出窗口的問題。

當我調整大小或使用我的虛擬鍵盤彈出窗口時，我的頁面上的彈出窗口總是模糊不清。

我彈出：

<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) } 

有人在follwoing論壇提類似的問題

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; 
} 

我使用的UI，引導，所以也許這就是爲什麼我需要另一種解決方案..