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

Opera忽略链接上的背景悬停转换

1 个答案: