2013-02-26 79 views
2

這很奇怪,我可能會錯過我的主要導航按鈕明顯的東西build.advocatedaily.com有懸停時與他們關聯的CSS背景顏色過渡。CSS3過渡(背景顏色)拒絕在Firefox中工作

它適用於Chrome,但在FX中它只是拒絕遵守。有趣的是,當我打開一個子菜單並將鼠標懸停在元素上時,背景顏色使用轉換將恢復爲正常。

想法?

+2

你爲什麼不發佈你的一些代碼? – 2013-02-26 17:14:35

+0

'.mainnav li a { color:#ffffff; padding:3px 12px; border-right:1px solid#990000; border-top:1px solid#ca0002; border-left:1px solid#ca0002; transition:background-color .4s; -moz-transition:background-color .4s;/* Firefox 4 */ -webkit-transition:background-color .4s;/* Safari和Chrome */ -o-transition:background-color .4s;/* Opera */ }'我看不到任何背景顏色。 – 2013-02-26 17:22:32

+0

如果您想解決問題,請嘗試在jsfiddle.net上創建演示。這就是stackoverflow的工作原理。給我們提供一些代碼 – 2013-02-26 17:22:58

回答

1

從.mainnav裏撈出

position: relative; 

,在這裏工作

火狐可以是有趣的,有時。

+0

有些答案可能更有趣。 – 2013-02-26 17:25:10

+0

@AliBassam我沒有得到它 – Toping 2013-02-26 17:25:50

+0

哇,我很驚訝,工作! 爲什麼父元素的位置會影響這樣的轉換?你是如何診斷這個的? – Orun 2013-02-26 18:01:18