[英]jQuery Mobile popup blurred
I get trouble with popups on jQuery mobile while using my form on iPad (Safari). 在iPad(Safari)上使用我的表单时,我在jQuery mobile上遇到弹出窗口的麻烦。
Popups on my page are totaly blurred, when I resize or use my virtuel keyboard popups go back to normal. 我的页面上的弹出窗口完全模糊,当我调整大小或使用我的虚拟键盘时弹出窗口恢复正常。
my pop up : 我弹出:
<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>
my popup call : 我的弹出电话:
$('#popupEnfant').popup();
$('#popup_Enf_div1').show();
$('#popup_Enf_div2').hide();
$('#popup_Enf_div3').hide();
$( "#detailassureEnfant" ).popup("open");
have you tried to add this to css? 你试过把它添加到CSS吗?
.ui-popup { -webkit-transform:translateZ(0) }
Someone mentioning similar problem in the follwoing forum 有人在下面的论坛中提到了类似的问题
http://forum.jquery.com/topic/1-2-popup-picture-gets-blurry-on-my-android-4-0-phone-also-on-the-demo-page http://forum.jquery.com/topic/1-2-popup-picture-gets-blurry-on-my-android-4-0-phone-also-on-the-demo-page
mara-mfa's answer didn't help me with this same issue. mara-mfa的回答并没有帮助我解决同样的问题。
Solved it by adding: 解决它添加:
.modal.fade .modal-dialog {
-webkit-transform: inherit !important;
-moz-transform: inherit !important;
-o-transform: inherit !important;
transform: inherit !important;
}
I am using ui-bootstrap so maybe this is why I needed another solution.. 我正在使用ui-bootstrap所以也许这就是为什么我需要另一种解决方案..
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.