box-shadow: 3px 3px 6px 6px;
このプロパティは chrome firefox IE では機能しますが、safari 5 ブラウザーでは機能しません
このように書いてみましたが、うまくいきません
-webkit-box-shadow:3px 3px 6px 6px;
質問する
23724 次
5 に答える
20
-webkit-appearance: none;
-webkit-box-shadow: 3px 3px 6px 6px #addacolor;
box-shadow: 3px 3px 6px 6px #addacolor;
于 2013-09-23T06:56:12.693 に答える
4
ここで色を定義していません ( box-shadow: h-shadow v-shadow blur spread color inset;)
<color>指定しない場合、使用される色はブラウザーによって異なります。通常は color プロパティの値ですが、この場合、Safari は現在透明な影を描画することに注意してください。
サファリの色を定義する
-webkit-box-shadow: 3px 3px 6px 6px #color_you_want;
于 2013-09-23T06:54:47.220 に答える
3
参考までに、この box-shadow で同様の問題が発生しました。
box-shadow: 0 0.06rem 0 0 rgba(44, 43, 63, 0.1); （とても小さな影！）
その影が表示されなかったSafari（v.8）を除いて、他のブラウザでは動作していました。値を大きくする必要がありました。
于 2017-09-13T10:03:37.703 に答える
1
試してみましたか
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
于 2013-09-23T06:53:00.617 に答える
0
#example1 {
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
}
于 2013-09-23T06:55:19.590 に答える