android - iframe绝对位置在android浏览器中不起作用

Question

我有一个简单的网页，div容器内有一个 iframe。使用 bootstrap responsive 每件事都可以使用以下代码正常工作：

  <div id="container">
     <iframe id="iframe2"  name="iframe2"  
     style="position:absolute;top:60px;bottom:0px;height:80%;" width="100%"
         frameborder="0"  src="../dashboard_portal.jsp">
   </iframe>            
  </div>    

上面的代码在 chromium、IE、Firefox 中运行良好，没有任何问题。当我尝试从 android mobile 打开页面时.. 此属性position:absolute;导致显示 iframe 时出现问题。

有什么建议么？

Answer 1

好的，我想出了一些丑陋的解决方法，任何人都可以提出更好的建议:)

我已经用&包裹了Iframe里面的div容器position:fixedz-index:-999

 <div id="container" style="position: fixed;top:60px;bottom:0px;height:80%;width: 100%;z-
 index: -999;border: 0" >
      <iframe id="iframe2"  name="iframe2" width="100%" height="100%" style="" 
       frameborder="0" scrolling="no">
      </iframe>         
</div>  

谢谢。