1

高さに合わせてブラウザ ウィンドウのサイズを変更する必要がある背景画像を含む Web サイトを作成しています。これを実現するために、次のコードを使用しました。

<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" />

今、私がやりたいことは、この画像にグラデーションを適用することです-左側の白にフェードするように-画像の調整寸法に一致します。これを達成する方法はありますか？

前もって感謝します！

4

2 に答える 2

0

このサイトで生成されたコードを見てください：http：//www.colorzilla.com/gradient-editor/

z-indexとpngファイルも使えると思います。

于 2012-04-06T14:07:52.263 に答える
0

CSS を使用して、背景画像とグラデーションの両方を組み合わせることができます

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

あなたに最適な価値観で。

于 2012-09-16T07:39:17.180 に答える