CSS3 框阴影效果在 Opera 中不起作用

Question

我有一个菜单，它在悬停和事件状态上使用了 Css3 效果。菜单看起来像这样

这是我使用的 Css3 样式

#Menu a:active,
#Menu a.active:before,#Menu a:hover:before
{
    Content: ' ';
    position:absolute;
    z-index:51;
    width:0px;
    height:0px;
    left:50%;
    top:50%;
    box-shadow:0 0 35px 30px #ADD7E7;
    -moz-box-shadow:0 0 35px 30px  #ADD7E7;
    -webkit-box-shadow:0 0 35px 30px  #ADD7E7;
    border-radius:50%;


}

这适用于 Firefox 和 Chrome，但不适用于 Opera，我不知道，任何人都可以帮助我解决这个问题。非常感谢任何帮助。 谢谢

Answer 1

Opera 似乎需要伪元素具有宽度和高度(0px 除外)。 刚刚在 Opera 11.62 中尝试了以下代码，它似乎有效。

#Menu a:active,
#Menu a.active:before,#Menu a:hover:before
{
    Content: '';
    position:absolute;
    z-index:51;
    width:1px;
    height:1px;
    left:50%;
    top:50%;
    background: #ADD7E7;
    box-shadow:0 0 35px 30px #ADD7E7;
    -moz-box-shadow:0 0 35px 30px  #ADD7E7;
    -o-box-shadow:0 0 35px 30px  #ADD7E7;
    border-radius:50%;
}