css - base64 でエンコードされた背景画像とクロスブラウザーのグラデーションを混在させるにはどうすればよいですか?

Question

複数の背景を持つ背景を機能させようとしています。エンコードされた画像とグラデーションを使用することを考えていbase64ましたが、両方を組み合わせる方法を考えています...

ここに私が持っているものがあります:

.el  {  
    background-color: #ebe5e5;
    background-position: 50% 50%;
    background: url(data:image/png;base64,iV...10k of foo...CC);
    background: -webkit-gradient(linear, left top, left bottom, from(#ebe5e5), to(#e1dbdb));
    background: -webkit-linear-gradient(center top, #ebe5e5, #e1dbdb);
    background:    -moz-linear-gradient(center top, #ebe5e5, #e1dbdb);
    background:      -o-linear-gradient(center top, #ebe5e5, #e1dbdb);
    background:         linear-gradient(center to bottom, #ebe5e5, #e1dbdb);
    }

のように両方の背景を一緒に指定する必要があるかどうか疑問に思っていますbackground1, background2が、それは base64 でエンコードされた画像文字列を複数回宣言する必要があり、そのためには大きすぎることを意味します。

質問:
ブラウザーのプレフィックスごとに base64 イメージを指定することなく、グラデーションと base64 でエンコードされたイメージで複数の CSS 背景を使用する方法はありますか?