Question

我有一个简单的网页，在div容器中有一个iframe。使用bootstrap响应，每个东西都能正常使用以下代码：

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

以上代码在chrome，IE，Firefox中运行良好，没有任何问题。当我尝试从Android手机打开页面时...此属性position:absolute;导致问题显示iframe。

有什么建议吗？

Answer 1

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

我已将Iframe包裹在div容器内position:fixed＆amp; z-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>

感谢。

iframe位置绝对不能在android浏览器中运行

1 个答案: