CSS 3在悬停时淡出动画 - 在Opera中出现问题

Question

所以我有这些规则：

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中，它从灰色渐变为白色，而不是透明到白色...

我该如何解决？

谢谢

Answer 1

我不知道你的明确问题的答案，但也许你是从rbga转而不是透明？

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