css - CSSの背景でWebキットのグラデーションと画像を使用する

Question

このクラスの上に画像を配置し、Web-KitGradiantを使用して現在の背景を追加したままにしようとしています。

background: -webkit-gradient(linear, left bottom, left top, 
color-stop(0.03, #3A79C1), color-stop(0.99, #5F9EE6), 
color-stop(1, #75ABEA)) url(images/bg.gif) no-repeat center right;

画像だけでなく背景を追加していますが、コードは正しいですか？

Answer 1

正しい考えですが、カンマがなく、画像をグラデーションの上に表示したい場合もあります。下ではありません。したがって、順序を再配置します。このjsFiddleをチェックしてください

background: url('images/bg.gif') no-repeat center right,-webkit-gradient(linear, left bottom, left top, 
color-stop(0.03, #3A79C1), color-stop(0.99, #5F9EE6), 
color-stop(1, #75ABEA)) ;