我的付款网关有一个iframe弹出窗口,它在除iPhone外的所有设备和屏幕尺寸上都能正常工作。
在iPhone上,内容在底部被切断,并且没有滚动条,因此您无法访问“下一步”按钮。
溢出设置为“自动”,但是即使我将其更改为滚动也无法使用。
CSS是-
#payPopup {
display: block;
/* Shows the popup */
position: fixed;
z-index: 9999999999;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0, 0, 0);
/* Fallback background color */
background-color: rgba(0, 0, 0, 0.6);
/* Background color with opacity */
}
/* Popup content box */
#payPopupContent {
background-color: #fefefe;
/* Popup color */
margin: auto;
margin-top: 30px;
padding: 6px;
border: 1px solid #888;
/* Popup border */
border-radius: 10px;
max-width: 700px;
/* Popup width */
height: 90%;
/* Popup height: */
overflow: auto;
}
#payPopupFrame {
margin: 0px;
padding: 0px;
border: none;
width: 100%;
height: 100%;
}
/* The close button */
#payPopupClose {
color: #aaa;
/* Close button color */
float: right;
font-size: 28px;
/* Close button size */
font-weight: bold;
margin: 0px;
padding: 0px;
font-family: 'Times New Roman';
line-height: 15px;
height: 15px;
}
#payPopupClose:hover, #payPopupClose:focus {
color: black;
/* Close button hover color */
text-decoration: none;
cursor: pointer;
}