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);
}