2

ボックスの影の問題に遭遇しました。

1. の優先順位はありbox-shadowますか?

例えば：

box-shadow: 0px 1px 1px 0px #292929;
-moz-box-shadow: 0px 1px 1px 0px #292929;
-webkit-box-shadow: 0px 1px 1px 0px #292929;

と

-moz-box-shadow: 0px 1px 1px 0px #292929;
-webkit-box-shadow: 0px 1px 1px 0px #292929;
box-shadow: 0px 1px 1px 0px #292929;

2番目のような設定が多いのですが、なぜいつも「moz->webkit->basic setting」なのですか?

2. box-shadow があるのに-moz-box-shadow、なぜ必要なのですか?-webkit-box-shadow

4

4 に答える 4

5

最初に2番目の質問に答えるには; ブラウザのサポートをどれだけさかのぼるかによって、プロパティにプレフィックスを付ける必要があるかどうか、およびどのプレフィックスを使用するかが決まります。( caniuse.comのブラウザー互換性テーブルを確認できますbox-shadow。)

ご注文に関して プレフィックス付きのプロパティの順序は関係ありません (個人的には、アルファベット順を好みます)。ブラウザは、理解できないプロパティを単純に無視するからです。

順序に関する唯一の重要な点は、接頭辞なしのプロパティを最後にする必要があることです。ブラウザが理解できる接頭辞付きのバージョンが後に続く場合、その接頭辞付きのバージョンが接頭辞なしのバージョンを上書きし、接頭辞付きの場合に問題が発生する可能性があります。 version は非標準の構文を使用しています。

于 2015-05-12T12:38:44.157 に答える
1

これはブラウザに基づいており、-moz-box-shadow特に mozilla で使用されるもので-webkitbox-shadow、chrome の場合と同様です。

于 2015-05-12T12:39:08.410 に答える
0

すべてのブラウザーでいくつかの css3 をサポートするには、プレフィックスを追加する必要があります

-moz- : Mozilla Firefox, -webkit- :Chrome, safari -ms- : IE -o-: オペラ,

これを使用することで、さまざまな css プロパティをさまざまなブラウザーに適用できます。

于 2015-05-12T12:41:36.253 に答える
0

次のように使用します:リファレンス

-webkit-box-shadow:10px 10px 5px #000;
-moz-box-shadow:10px 10px 5px #000;
box-shadow:10px 10px 5px #000;

CSS3 プロパティを記述する場合、最新の知恵では、「実際の」プロパティを最後に、ベンダー プレフィックスを最初にリストします。したがって、この方法で使用することはお勧めできません。

box-shadow: 0px 1px 1px 0px #292929;
-moz-box-shadow: 0px 1px 1px 0px #292929;
-webkitbox-shadow: 0px 1px 1px 0px #292929;

Firefox 3.6 以降が必要-moz-です。4 から、プレフィックスなしで問題ありません。

Chrome、iOS 3.x、Safari 4 が必要-webkit-

于 2015-05-12T12:38:09.300 に答える