Iframe position absolue ne fonctionne pas dans le navigateur android

Question

J'ai une page web simple avec un iframe dans un conteneur div. bootstrap utilisé tout réactif fonctionne très bien avec le code ci-dessous:

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

code ci-dessus fonctionne très bien dans le chrome, IE, Firefox sans aucun problème. Lorsque j'essaie d'ouvrir la page à partir de mobile Android .. cet attribut position:absolute; provoque des problèmes dans la diffusion de l'iframe.

Des suggestions?

Answer 1

Ok je suis venu avec une solution de contournement laid, tout le monde peut suggérer pour mieux :)

J'ai enveloppé la Iframe dans un conteneur div avec position:fixed & 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> 

Merci.