9

CSS突然发生了什么-moz-box-shadow？在我的设计中，Firefox 控制台出现了一个奇怪的问题：

未知属性“-moz-box-shadow”。 声明被放弃。

但是根据CSS Box Shadow 规则，我遵循了所有规则，那么发生了什么？这是它指向的块：

div.area {
  margin: 2px auto;
  border: 1px solid #ededed;
  -moz-box-shadow: 0 0 2px 0 #ccc;
     -webkit-box-shadow: 0 0 2px 0 #ccc;
     box-shadow: 0 0 2px 0 #ccc;
  margin-top: -80px;
  background-color: #ffffff;
  position: relative;
}

我也尝试了以下方法：

div.area {
      -moz-box-shadow: 0 0 2px #ccc;
         -webkit-box-shadow: 0 0 2px #ccc;
         box-shadow: 0 0 2px #ccc;
}

我正在使用 Mozilla Firefox 20.0。

4

4 回答 4

17

由于 Firefox 支持box-shadow得这么好，它没有理由继续-moz-box-shadow存在。它在版本 13 中放弃了对前缀的支持，因此如果您真的很担心警告并且不介意失去对旧版本 Firefox 的支持，您可以删除该声明。对于-webkit-box-shadow最新版本的 WebKit 浏览器也是如此。

于 2013-10-20T17:10:06.250 回答
5

box-shadow自一年多前（firefox 4 和 chrome 10）以来不需要任何前缀：https ://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow

于 2013-10-20T17:18:18.203 回答
2

在 .css 文件中，您只需查找 moz 并将其重播到 webkit

例子

-moz-box-shadow  **to** -webkit-box-shadow

-moz-border-radius **to** -webkit-border-radius

-moz-border-top-left-radius **to** -webkit-border-top-left-radius
于 2020-04-14T05:36:19.410 回答
0

对于大多数浏览器的最新版本，您不需要使用 -moz-box-shadow。

您可以简单地使用 box-shadow。

在W3Schools上阅读更多相关信息

于 2013-10-20T18:11:51.563 回答