Opera忽略链接上的背景悬停过渡

Question

我为链接设置了一个过渡，当链接悬停在上面时，它会使圆形背景淡入。过渡在firefox、chrome和safari中有效，但在歌剧中无效。我想知道我正在应用的状态（a:悬停、a:活动等）是否有任何问题，这可能会在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);
}