2011-11-03 33 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修复窥视... –