背景画像での表現の仕方

質問

いろいろ調べては見たのですが、よくわからなかったので質門させてください。

例えば背景用画像で下からのグラデーション＋円の画像があったとします。
その画像を左下に配置するようにして、右側のスペースは円なしのグラデーションのみが続いているという表示にしたいと思っているのですが、
一番右のピクセルを引き伸ばして表示する。のようなことは可能なのでしょうか？
もしくは他に同じように表示できるやり方などありましたら教えていただけると嬉しいです。
よろしくお願いします。

回答No.1

noname#39970 · ベストアンサー

背景を複数配置する
ただしとても描画が重くなる

背景1は　通常のグラデーション。
背景2は円。(pngやgifによる透明有り画像）
背景1は通常の背景指定
背景2はcssの絶対位置と表示順の指定によって背後に回す

お礼

そういうやり方もできるんですね。
実際は円ではなくて細かい絵なので、透明部分が綺麗に抜けるのかや、描画が重さなどを試してみて、できそうならやってみたいと思います。
とても参考になりました。
ご回答ありがとうございました。

回答No.2

noname#56851

画像ソフトでそのような絵を作ってしまう方が早いかもしれないです。

お礼

そうですよね。そういう方法も考えてみたのですが少し大きい画像なのでデータサイズが気になって迷っていました。
圧縮率などの調整で軽くできるようならそれが手間的に一番早いのかもしれないですね。色々試して見たいと思います。
実際に言っていただいて参考になりました。
ご回答ありがとうございます。