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中却不行，我不知道，有人能帮我解决这个问题吗？非常感谢。 谢谢

试试这段代码

HTML

欲了解更多信息，请访问： 一,

2.

试试这个代码

HTML

欲了解更多信息，请访问： 一,

---

2.

根据CSS3，这应该可以：

.box_shadow {
  -webkit-box-shadow: 0px 0px 4px 0px #ffffff; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  box-shadow: 0px 0px 4px 0px #ffffff; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}

---

检查这在您的opera中是否有效：

请根据CSS3，这应该有效：

.box_shadow {
  -webkit-box-shadow: 0px 0px 4px 0px #ffffff; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  box-shadow: 0px 0px 4px 0px #ffffff; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}

---

检查这在您的opera中是否有效：

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

---

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

---

---

您使用的是哪个版本的Opera？您使用的是最新版本的Opera（10.5+）？如果是的话，它应该支持常规的“盒子阴影”。您使用的是哪个版本的Opera？您使用的是最新版本的Opera（10.5+）？如果是的话，它应该支持常规的“框阴影”。@freebird您可以找到所有跨浏览器的修复程序。在你的cssit中使用它在你提到的示例中使用div，但我需要设置我的a标记的样式。@freebird，因为我认为你的css代码非常适合opera shadow，你使用哪个版本的opera？它是11.62，我能做些什么来实现它that@freebird你能在这页上看到阴影吗，如果是，那么您的css代码可能有问题；如果不是，那么您的浏览器issue@freebird您可以找到所有跨浏览器的修复程序。在你的cssit中使用它在你提到的示例中使用div，但我需要设置我的a标记的样式。@freebird，因为我认为你的css代码非常适合opera shadow，你使用哪个版本的opera？它是11.62，我能做些什么来实现它that@freebird你能在这页上看到阴影吗，如果是，则您的css代码可能有问题如果不是，则您的浏览器有问题谢谢您的帮助，但问题似乎存在效果，我的意思是发光效果没有得到很好的定位。有什么帮助吗您是否已将

a

元素的位置设置为

相对

，你注意到我提到的效果了吗。明白了，我的li元素的位置我把它设置为相对，而不是a元素，它对我有效，非常感谢。如果可能的话，你能帮我一下吗？谢谢你的帮助，但是似乎有一个问题。效果，我的意思是发光效果没有很好地定位。有什么帮助吗？你把

a

元素的位置设置为

相对的
？有，你注意到我提到的效果了吗，我的li元素的位置我将其设置为相对，而不是a元素，它对我有效，非常感谢。如果可能的话，你能帮我吗