Visibility属性已停止在chrome中工作

Question

几个月前我创建了一个Web应用程序并测试它在ie,ff和chrome中工作得很好.

昨晚我去添加了一些东西,注意到我的隐藏iframe功能不再用于chrome.

如果我检查元素,我可以看到属性确实在变化,但iframe没有被隐藏.

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

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

myFrame div开始隐藏.并且成功可见但是当可见性被更改为隐藏的铬并未隐藏它时,ff和ie仍然隐藏它.

任何想法为什么？

FIX:

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

iframe 可见性切换存在问题（$('iframe').css('visibility','hidden') 在 google chrome 中不起作用）。如果你想让它消失，使用高度，宽度：0。如果您希望它只是不可见，请使用 opacity:0。