Question

您好我想使用div的box shadow。知道怎么做吗？

我用过

box-shadow:         3px 3px 5px 6px #ccc;

但没有在firefox中工作。

Answer 1

使用：

-moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;

以下文件完美地展示了它：

1

2

3

Answer 2

对于旧版本的Firefox，请使用-moz-前缀。

-moz-box-shadow:     3px 3px 5px 6px #ccc; /*will work only in firefox*/
 box-shadow:         3px 3px 5px 6px #ccc; /*will work on all browser and latest firefox also*/

查看here。

Answer 3

https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow

某些版本的Firefox可能仍需要使用-moz前缀。这可能是问题吗？

-moz-box-shadow:         3px 3px 5px 6px #ccc;

Answer 4

这looks fine to me

    -moz-box-shadow: 3px 3px 3px 3px #cccccc;
    box-shadow: 3px 3px 3px 3px #cccccc;

Answer 5

试试这个：

-moz-box-shadow:         3px 3px 5px 6px #ccc;

检查MDN for reference

Answer 6

如果你想使用标签-moz-box-shadow:..在mozilla中使用，如果使用标签-webkit-box-shadow:..进行镀铬或使用标签-o-box-shadow:...进行歌剧使用细节开放
http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_image_gallery

Answer 7

用于内盒阴影使用此

 -moz-box-shadow:    inset 0 0 10px #f00;
 -webkit-box-shadow: inset 0 0 10px #f00;
  box-shadow:         inset 0 0 10px #f00;

对于外框阴影，请使用此

  -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;

Answer 8

box-shadow:3px 3px 5px 6px #ccc;
-webkit-box-shadow:3px 3px 5px 6px #ccc;
-moz-box-shadow:3px 3px 5px 6px #ccc;
-o-box-shadow:3px 3px 5px 6px #ccc;
-ms-box-shadow:3px 3px 5px 6px #ccc;

使用此代码对您有用。

Answer 9

只需使用它：http://css3gen.com/box-shadow/
它节省了大量时间。

如何在CSS中使用框阴影？

9 个答案: