內聯CSS樣式「可見性」設置爲「可見」，但計算樣式爲「隱藏」。爲什麼？

我明確指定一個元素爲「visibility：visible」，但它不會在Chrome中顯示。使用Chrome的開發工具，我可以看到指定的內聯樣式，但「計算樣式」顯示「可見性：隱藏」。內聯CSS樣式「可見性」設置爲「可見」，但計算樣式爲「隱藏」。爲什麼？

那麼這就解釋了爲什麼它不在Chrome中顯示，但我不明白是什麼導致Chrome計算隱藏的可見性。（似乎在所有其他瀏覽器中正常工作。）

我也檢查了所有父元素，並且都沒有提及可見性或將其指定爲可見。

我直接執行下面的JavaScript命令，通過開發工具的控制檯，無果（計算知名度仍然「隱藏」）：

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

這將有助於獲得這種工作的再現。 – recursive

這是可能的。有沒有帶'！important'的CSS樣式表？ – vcsjones

根本沒有使用任何樣式表。 –

哪些Chrome的版本你正在用嗎？它在版本11上有一些錯誤。請參閱this後。

2011-07-11 13:00:47

Chrome版本12.0.742.112 –

還使用Chrome 14.0.814.0 canary進行了測試。相同的結果。 –

我知道這是晚了，但我有同樣的問題，最近，使用Chrome 23這似乎是祕密在於還設置了顯示屬性，像這樣：

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都會在設置「可見性」時隱藏或顯示元素。

2012-11-21 19:36:11 woohoo

回答