悬停时的 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);
}