El atributo de visibilidad dejó de funcionar en Chrome para mí

Question

Creé una aplicación web hace algunos meses y la probé funcionando bien en, por ejemplo, ff & cromo.

Fui a agregar algo anoche y noté que mi función hide iframe ya no funcionaba en Chrome.

Si inspecciono el elemento, puedo ver que el atributo está cambiando, pero el iframe no está oculto.

function hideIFrame(){ 
    document.getElementById("myFrame").style.visibility="hidden"; 
    self.focus(); 
} 

function showIFrame(){ 
    document.getElementById("myFrame").style.visibility="visible"; 
} 

myFrame div comienza oculto. y se hace visible con éxito, pero cuando se cambia la visibilidad a cromo oculto no lo oculta, ff y es decir, lo oculta aún.

¿Alguna idea de por qué?

El REVISIÓN:

function hideIFrame(){ 
    document.getElementById("myFrame").style.visibility="hidden"; 
    document.getElementById("myFrame").style.opacity=0; 
    self.focus(); 
} 

function showIFrame(){ 
    document.getElementById("myFrame").style.visibility="visible"; 
    document.getElementById("myFrame").style.opacity=1; 
} 

Answer 1

hay problemas con cambiar la visibilidad de marco flotante ($('iframe').css('visibility','hidden') not working in google chrome). Si quiere que desaparezca, use height, width: 0. Si quiere que sea simplemente invisible, use opacity: 0.

Answer 2

No he encontrado su problema. Puede ser que deba publicar algunos códigos más cuando llama a la función. Aquí hay un código de muestra que funciona bien en Chrome.

<script type="text/javascript"> 
function hideIFrame(){ 
document.getElementById("myFrame").style.visibility="hidden"; 
self.focus(); 
} 

function showIFrame(){ 
document.getElementById("myFrame").style.visibility="visible"; 
} 
</script> 

<input type="button" onclick="hideIFrame()" value="hide"/> 
<input type="button" onclick="showIFrame()" value="show"/> 

<iframe id="myFrame"> 

</iframe> 

Answer 3

En mi caso sólo se utilizan JS proceso de carga para ocultar el elemento y voy a ser capaz de utilizar JS para alternar visibility="visible"

window.onload = function() { 
    document.getElementById("newDiv").style.visibility = "hidden"; 
} 
function showHidden() { 
    document.getElementById("newDiv").style.visibility = "visible"; 
}