如果iframe位于具有固定位置的div的页面中,并且在iframe中有一些位置固定的元素,iframe将在iframe中的某个输入/ textarea字段中输入后消失。
的index.html:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<div style="position: fixed; width: 250px; height: 250px; top: 0px; right: 0px; border: solid 2px red;">
<iframe src="iframe.html" style="width: 250px; height: 250px;"></iframe>
</div>
</body>
</html>
Iframe.html的:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<div style="position: fixed">
<input type="text" placeholder="type here" /><br>
start typing above in iPad and after 1st char this iframe will be moved to the left side and after 2nd char it will completely dissapear
(tested on iPad 2; iOS 9.0.2; Safari 601.1)
</div>
</body>
</html>
你知道如何解决它吗?注意:固定的位置无法删除/替换,在index.html中无法添加全局样式 - 仅适用于div及其子元素。