CSS3框阴影效果不工作在歌剧 [英] CSS3 box shadow effect not working in opera

问题描述

我有一个菜单使用Css3效果的悬停和活动状态。菜单看起来像这样

I am having a menu which uses Css3 effects on its hover and active state.The menu looks like this

这里是我使用的Css3样式

Here is the Css3 styling I use

#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，不在歌剧中工作，我不知道，任何人都可以帮助我与这。任何帮助是非常赞赏。
感谢

This works in Firefox and Chrome , but doesnot work in opera , I have no idea , can anybody help me out with this.Any help is much appreciated. Thanks

推荐答案

看来Opera需要伪元素有一个宽度和高度（ 0px ）。
只是尝试下面的代码在Opera 11.62，它似乎工作。

It seems Opera needs the pseudo element to have a width and height (other than 0px). Just tried the following code in Opera 11.62 and it appeared to work.

#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%;
}

这篇关于CSS3框阴影效果不工作在歌剧的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！