9

我在我的 CSS 代码中添加了轮廓和框阴影到一个 div。
div 在 Chrome 和 IE 上看起来很棒，但在 Firefox 中却不行：
Chrome 和 IE：http: //i.phirune.com/csrjfyqoczob

火狐：http: //i.phirune.com/4gsrrub3ww6e

CSS代码如下：

#container {
width:960px;
margin:0px;
padding:0px;
margin-left:auto;
margin-right:auto;
margin-top:-10px;
background-color: #415475;
-moz-box-shadow: 0 0 25px 25px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 25px 25px rgba(0,0,0,0.2);
box-shadow: 0 0 25px 25px rgba(0,0,0,0.2);
outline:#000000 solid thick;
}

我不知道如何解决这个问题，任何见解将不胜感激。

4

3 回答 3

13

为什么不使用多个盒子阴影？只需用逗号分隔你的盒子阴影。

box-shadow:
    0px 0px 0px 1px #fff,
    0px 0px 0px 2px #606054,
    0px -1px 9px 1px rgba(119, 119, 119, 0.4);

您可以添加任意数量的您心中的愿望。

于 2013-03-12T12:07:01.397 回答
7

这是一个 Firefox 错误。你只能绕过它。门票仍然有效，您可以在以下网址看到：https ://bugzilla.mozilla.org/show_bug.cgi?id=480888

于 2013-02-20T12:01:48.240 回答
1 
-moz-box-shadow: 1px 1px 10px #00f;
-webkit-box-shadow: 1px 1px 10px #00f;
box-shadow: 1px 1px 10px #00f;

您尝试支持哪些浏览器版本？现代浏览器支持 css3，你不需要做 css hacks。

这是一些用于阴影的 css3 文档：http ://www.css3.info/preview/box-shadow/

于 2012-12-29T20:57:22.157 回答