内联CSS样式“可见性”设置为“可见”但计算样式为“隐藏”。为什么？

Question

我已明确指定一个元素为“visibility：visible”，但它不会显示在Chrome中。使用Chrome的开发者工具，我可以看到指定的内联样式，但“计算样式”显示“可见性：隐藏”。

这就解释了为什么它没有在Chrome中显示，但我不明白是什么原因导致Chrome计算隐藏的可见性。 （似乎在所有其他浏览器中都能正常工作。）

我还检查了所有父元素，并且所有元素都没有提及可见性或指定它可见。

我通过Developer Tools控制台直接执行了以下JavaScript命令，但无效（计算的可见性仍为“隐藏”）：

document.getElementById("c_311").style.visibility="visible"

请参见此处的屏幕截图：http://oi52.tinypic.com/ezrdcy.jpg

Answer 1

我知道这已经很晚了，但我最近也遇到了同样的问题，使用Chrome 23.似乎秘诀就是设置display属性，如下所示：

domElem.style.visibility = 'visible';
domElem.style.display = 'block';//this is needed mainly for Chrome

并隐藏：

domElem.style.visibility = 'hidden';
domElem.style.display = 'none';//this is needed mainly for Chrome

Chrome似乎使用计算设置来查看可见性。无论“显示”属性如何，IE和FF都会在设置“可见性”时隐藏或显示元素。

Answer 2

您使用的是哪个版本的Chrome？它在版本11上有一些错误。请参阅this发布。