css - CSS3盒子阴影效果在Opera中不起作用

我有一个在其悬停和活动状态下使用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需要伪元素具有一定的宽度和高度（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%;
}

关于css - CSS3盒子阴影效果在Opera中不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10477517/