imgタグでグラデーションを作成する方法

Question

私は、その高さに合わせるためにブラウザウィンドウでサイズを変更する必要がある背景イメージを持つウェブサイトを作成しています。画像の調整寸法と一致する - - それは左の白にフェードインするように今

<style type="text/css"> 
#background-image { 
position: absolute; 
right: 0; 
top: 0; 
height: 100%; 
background-image: url('image.jpg'); 
z-index: -1; 
} 
</style> 
<img id="background-image" src="image.jpg" /> 

私がやりたいことは、この画像の上にグラデーションを適用している：私はこれを達成するために、次のコードを使用しました。これを達成する方法はありますか？

ありがとうございます！

Answer 1

ちょうどこのサイトで生成されたコードを見て：私はuはまたz-indexおよびPNGファイルを使用することができると思うhttp://www.colorzilla.com/gradient-editor/

。

Answer 2

あなたはあなたのための最高の仕事値で背景画像と勾配

url('image.jpg') 0 0 no-repeat 100% 100%, linear-gradient(top, #000000 0%, #ffffff 100%); 

の両方を組み合わせることがCSSを使用することができます。