アプリ版：「スタンプのみでお礼する」機能のリリースについて

背景画像の繰り返し

解決済

  • 質問者：django13
  • 質問日時：
  • 回答数：4件

CSSを用いたウェブページに、垂直方向にグラデーションのかかった背景画像を横に並べようと思っていますが、
この場合、幅1pxで容量の小さい画像を使うか、そこそこ幅があり、繰り返し回数を少なくできるものでは、どちらがよいのですか？

「背景画像の繰り返し」の質問画像
通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (4件)

No.4ベストアンサー

  • 回答者： naokita
  • 回答日時：

小スペックのPC環境や回線状況下で 小さな画像を 半無限に repeat させると


スクロール時に揺れ（歪み）を感じる場合があります。
逆に大きすぎる画像なら表示するのに一瞬時間が掛かるので
数十px幅程度で適度な大きさの範囲内にするのが一番良いと思います。
    • good
    • 0
    • 件
通報する

No.3

幅は好きな幅でいいです。

容量を小さくする場合は幅が小さい方がいいですが、それほど重要ではありませんよ。５pxくらい画像スライスは扱いやすいのでは？なお、グラデーションはＪＰＧでスライスした方がいいようですね。グラデーションには、色相・彩度の２種類が考えられ、その組み合わせもあると思いますので、画像の方がバリエーションはあると思います。
    • good
    • 0
    • 件
通報する

No.2

cssで



body {
background: url(****.jpg) repeat-y;
}
    • good
    • 0
    • 件
通報する

No.1

  • 回答者： lucied_goo
  • 回答日時：

<body style="filter:progid:DXImageTransform.Microsoft.Gradient


(gradientType='0',startColorstr='#000000',
endColorstr='#999999"> </body>

BODY内にこういう設定のほうがよくないですか？
単純グラデーションじゃない場合は別ですけど…。
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報