'高度：0;'在父母身上，子元素是隱形的，但仍然存在？

看看this fiddle，它顯示了我寫的一個樣本菜單。'高度：0;'在父母身上，子元素是隱形的，但仍然存在？

這是它的外觀不變：

screenshot

...當鼠標在菜單上徘徊：

screenshot

...當鼠標在附近徘徊白（搜索）菜單下方的空白處（緊挨着「搜索」菜單，搜索圖標應該是白色的，因爲鼠標被隱藏在菜單項上，所以它是黑色的）：

screenshot

這是駐留在其div是height0px此刻的form元件（變height: auto;動態當菜單被點擊時，揭示了菜單項，即形式）。

screenshot

我對父母div試圖overflow: hidden;無濟於事。我不能想到其他選擇。我該如何解決這個問題（用CSS）？

編輯：固定圖像鏈接在the fiddle。問題僅在Chrome中持續存在。 Firefox中的一切都很好。不知道爲什麼。

來源

2012-12-16 its_me

我在這裏沒有看到任何問題 –

@ Mr.Alien仔細查看第三張圖片。搜索'icon'應該是白色的。它是黑色的，因爲鼠標在某種程度上被「懸停」在菜單項上。知道我想說什麼？ **編輯：**爲了清晰起見編輯的問題。 –

您忘記將圖標圖像URL更改爲小提琴內的imgur鏈接，因此它們沒有顯示出來。 – BoltClock

我不知道爲什麼這件奇怪的事情正在發生，但我相信它不應該。但有一個臨時修復：

.menu-item > a:hover > [class*="icon-"], 
.menu-item > a:hover > [class*=" icon-"], 
.menu-item > a.selected > [class*="icon-"], 
.menu-item > a.selected > [class*=" icon-"] { 
    background-image: url(http://twitter.github.com/bootstrap/assets/img/glyphicons-halflings.png); 
}

Here's a fiddle與修復。

注意：如果有人能夠解釋爲什麼問題中提出的問題一直在發生，那將是非常好的。

來源

2012-12-16 18:37:45

'高度：0;'在父母身上，子元素是隱形的，但仍然存在？

回答

相關問題