2013-09-26 26 views
0

我在頁面上有一個jquery-ui下拉菜單,並且通常鏈接使用平滑過渡。現在我發現在FF中,當我將鼠標懸停在不同選項上時,下拉菜單實際上會閃爍。在jquery-ui下拉菜單中停止閃爍

http://jsfiddle.net/EBduF/495/

a { 
text-decoration: underline; 
-webkit-transition: all 300ms ease-in-out; 
-moz-transition: all 300ms ease-in-out; 
-o-transition: all 300ms ease-in-out; 
-ms-transition: all 300ms ease-in-out; 
transition: all 300ms ease-in-out; 
color: #50444a; 
border-bottom-color: #ab939f; 
} 

我不知道添加了什麼CSS來防止過渡效果以實現的jQuery UI的建議嗎?

回答

0
a { 
    text-decoration: underline; 
    color: #50444a; 
    border-bottom-color: #ab939f; 
} 

刪除過渡,它工作完美!

jsFiddle

+0

大它在本例中,不僅沒有在我的網站:(我怕我有阻撓一些嵌套的CSS層... –

+0

你可以使用Chrome的開發者工具,看什麼都樣式適用於該對象/元素 –