CSS3框阴影效果不工作在歌剧 [英] CSS3 box shadow effect not working in opera
本文介绍了CSS3框阴影效果不工作在歌剧的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个菜单使用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屋!
查看全文