未知属性“-moz-box-shadow”。声明下降 [英] Unknown property '-moz-box-shadow'. Declaration dropped

问题描述

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

但是根据 CSS框阴影规则我遵循所有的规则，那么发生了什么？这里是它指挥的块：

  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。

解决方案

由于Firefox支持 box-shadow ，所以没有理由保留 -moz-box-shadow 。它删除了对版本13中的前缀的支持，所以如果你真的关心一个警告，并不介意失去对旧版本的Firefox的支持，你可以删除该声明。对于最近版本的WebKit浏览器， -webkit-box-shadow 也是如此。

Suddenly what happened to CSS -moz-box-shadow? In my design the Firefox console appeared with a strange problem:

But as per the CSS Box Shadow rules I followed all the rules, then what happened? Here is the block where it's directing:

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;
}

I tried the following too:

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

I'm using Mozilla Firefox 20.0.

解决方案

Since Firefox supports box-shadow so well, it has no reason to keep -moz-box-shadow around. It dropped support for the prefix in version 13, so if you're really that concerned about a warning and don't mind losing support for older versions of Firefox, you can remove that declaration. Likewise for -webkit-box-shadow for recent versions of WebKit browsers.

这篇关于未知属性“-moz-box-shadow”。声明下降的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！