背景画像：Safari（OS X）でリニアグラデーションが動作しません

Question

100％幅のdivを暗い背景に緑のラスターでスタイル設定しようとしています。それはOS XのSafari（iOS上でうまく動作する）を除いて、すべてのブラウザで正常に動作します。なぜ私はそれが動作していないとインターネットのどこかに答えを見つけるように見えることができないのか分からない。

これは私のスタイルです：それはSafariのみではなく緑のラスタ上の暗い背景を表示する理由

background-color: #434343; 
background-image: linear-gradient(0deg, transparent 24%, rgba(50,205,50, 0.3) 25%, rgba(50,205,50, 0.3) 26%, transparent 27%, transparent 74%, rgba(50,205,50, 0.3) 75%, rgba(50,205,50, 0.3) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(50,205,50, 0.3) 25%, rgba(50,205,50, 0.3) 26%, transparent 27%, transparent 74%, rgba(50,205,50, 0.3) 75%, rgba(50,205,50, 0.3) 76%, transparent 77%, transparent); 
background-size: 60px 60px; 
-webkit-box-shadow: inset 0px 0px 200px 10px rgba(0,0,0,0.75); 
-moz-box-shadow: inset 0px 0px 200px 10px rgba(0,0,0,0.75); 
box-shadow: inset 0px 0px 200px 10px rgba(0,0,0,0.75); 

はあなたのいずれかが手掛かりを持っていますか？ Thnxたくさん！

Answer 1

この

background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E7E7E7 97%, #FFFFFF 98%);/* Chrome10-25,Safari5.1-6 */ 

また、勾配ジェネレータをチェックアウト

http://www.colorzilla.com/gradient-editor/