未知属性'-moz-box-shadow'.宣言下降

Question

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

但根据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.

Answer 1

由于Firefox支持box-shadow这么好,它没有理由保持-moz-box-shadow.它在版本13中放弃了对前缀的支持,所以如果您真的关心警告并且不介意失去对旧版Firefox的支持,则可以删除该声明.同样适用-webkit-box-shadow于最新版本的WebKit浏览器.

Answer 2

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