2011-11-03 48 views
2

問題,所以我有這些規則:CSS 3懸停的動畫漸變 - 在Opera

a{ 
    background-color: transparent; 
    -webkit-transition: background-color .3s ease-in-out; 
    -moz-transition: background-color .3s ease-in-out; 
    -o-transition: background-color .3s ease-in-out; 
    -ms-transition: background-color .3s ease-in-out; 
    transition: background-color .3s ease-in-out; 
} 

a:hover{ 
background-color: #fff; 
} 

,這是爲了使輸入/輸出在白色背景上的鼠標在瀏覽器褪色。

它可以在Chrome和Firefox,但在Opera從一個灰色變淡,而不是透明的,白色至類白色,...

我該如何解決呢?

謝謝

回答

3

我不知道答案您明確的問題,但也許如果從,RGBA,而不是從透明度轉變?

a{ 
    background-color: rgba(255,255,255,1); 
} 
a:hover{ 
    background-color: rgba(255,255,255,0); 
} 
+2

應該是'rgba'嗎? ;) – Joe

+0

不工作...(同樣的事情發生) – Alex

+0

感謝rbga - > rgba修復窺視... –