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-shadow1 年以上前からプレフィックスは必要ありません (firefox 4 および chrome 10): https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow

于 2013-10-20T17:18:18.203 に答える
0

ほとんどのブラウザーの最新バージョンでは、-moz-box-shadow を使用する必要はありません。

単純に box-shadow を使用できます。

詳細については、W3Schoolsをご覧ください

于 2013-10-20T18:11:51.563 に答える