Opera игнорирует фоновые переходы при наведении на ссылки

Question

У меня есть переход, настроенный для ссылок, который делает закругленный фон при наведении на них. Переход работает в Firefox, Chrome и Safari, но не в опере. Мне интересно, есть ли какие-либо проблемы с состояниями (a: hover, a: active и т. Д.), Я применяю переход к этому, который может испортить его в Opera.

Для ясности, эффект наведения появляется в Opera, как и должен, но не исчезает.

a, a:active, a:visited, a:hover {
    -webkit-transition: background 200ms ease-in; 
    -moz-transition: background 200ms ease-in;
    -o-transition: background 200ms ease-in;
    -ms-transition: background 200ms ease-in;
    transition: background 200ms ease-in;
    text-decoration: none;
    padding: 0.15em;
    margin: -0.15em;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

a:hover {
    background: rgba(255,0,50,0.10);
}

У меня аналогичный эффект наведения на некоторые элементы текста, применяемый таким же образом, но цвет, а не фон меняется. Эти переходы действительно работают в Opera.

Спасибо за любую помощь, которую вы можете оказать.

Answer 1

Единственное, что приходит мне в голову, это то, что вы не указали свой исходный цвет фона, поэтому Opera не знает, как интерполировать между undefined и rgba(255,0,50,0.10).Попробуйте сначала установить цвет фона на прозрачный черный ...

a, a:active, a:visited, a:hover {
  /*your current css*/
  background: rgba(0,0,0,0);
}