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

Question

我为链接设置了一个过渡，当鼠标悬停在链接上时，圆形背景会淡入。过渡适用于 firefox、chrome 和 safari，但不适用于 Opera。我想知道状态(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);
}