firefox - 未知属性 '-moz-box-shadow'。声明被丢弃

Question

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

但根据 CSS Box Shadow rules我遵守了所有规则，然后发生了什么？这是它指向的 block :

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。

Answer 1

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