背景画像の繰り返しについて
ホームページの背景画像を「repeat-x」を使用して
背景画像を繰り返しさせいるのですが、
画像と画像のつなぎ目が、うっすら見えてしまい(ボダーみたいな線)
あきらかに画像を繰り返ししているのがわかります・・・
どうしても、格好悪い背景になってしまいます。
どうしたら、画像の繰り返しがうまくいくのでしょうか?
画像と画像がつながっている部分がわからないようにするには
どうすればいいですか?
body {
background: url(images/back04.JPG);
background-repeat: repeat-x;
background-position: top left;
margin: 0;
}
No.3ベストアンサー
- 回答日時:
左右同じ色の画像を制作した場合は、線がでないですよね?
それでも線が出るのなら画像の制作方法が間違っています。
NO.1.2さんの通りキリ抜き方法が悪いか、オプションで影や線を付与していませんか?
----------------------------
そうでなければ、
画像の左右がクッキリするのは、画像の左右が違うから当たり前の話なので、
1枚板の様に綺麗に見せたい場合には、
画像処理時に、左右を反転させたり、切れ目をボカしながら1枚の画像を作ります。
■■■
このように真ん中の画像を複製し左右反転させた両端2枚の画像を合わせ
適当にボカしてからキリ抜けば、リピートしても区切りがボケます。
このように、最初に1枚作ってからではなく、
初手の制作時からやれば、この作業・手間が省けます。
ちなみに、background-position: top left; の場合は、デフォルトなので削除可能。
画像を修正したら、うまく出来ました!
background-position: top left; は
デフォルトなんですね・・・
詳しく説明していただき、ありがとうございます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS svgクリップパスの応用コーディング方法 2 2022/04/09 09:07
- その他(ソフトウェア) ペイントで切り抜いた画像の背景を透明に 2 2022/09/15 10:20
- Photoshop(フォトショップ) 【至急】 ウェブサイトやアプリとかでよく見かける、添付画像のように背景にあるものをぼかしつつ透過する 2 2023/07/17 10:57
- HTML・CSS 疑似要素で背景画像に指定したSVG画像の色変更 2 2023/01/30 22:45
- Google+ 画像にうつってる人が誰か検索できる方法はありますか? Googleの画像検索を使うと、その人が来てい 2 2022/12/12 20:37
- 写真・ビデオ マイナポイントの申請ではじかれた(写真背景問題) 8 2023/02/26 12:45
このQ&Aを見た人はこんなQ&Aも見ています
-
性格の違いは生まれた順番で決まる?長男長女・中間子・末っ子・一人っ子の性格の傾向
同じ環境で生まれ育っても、生まれ順で性格は違うものなのだろうか。家庭教育研究家の田宮由美さんに教えてもらった。
-
background-repeat CSS で切れ目が見えてしまう
HTML・CSS
-
画像と、セルのつなぎ目に白い線が入ってしまいます。
HTML・CSS
-
htmlかcssで背景の白い枠をなくす方法
HTML・CSS
-
-
4
文字が斜体になってしまうのですが・・・
画像編集・動画編集・音楽編集
-
5
フレームで背景画像を継ぎ目なく表示させるには
HTML・CSS
-
6
画像にリンクを張ると画像がずれるのを解消したいです
HTML・CSS
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
「using Windows」でエラーが出る
-
ImageMagickでgif画像の一部が...
-
【EXCEL VBA】ダブルクリックで...
-
こんなことてしますか??
-
vb.net 画像の透過について
-
生成AI画像について
-
UWSC「画像が無い場合」
-
同じ画像を複数回表示させる
-
Pythonでgif画像が上手く作れない
-
Excel ユーザーフォームで表示...
-
jqueryスライダーを2段でスライ...
-
Jimdoで画像をポップアップ表示...
-
svgクリップパスの応用コーディ...
-
画像ファイルのストリーミング取得
-
画像を表示するには
-
HTMLでサイトの模写をしていま...
-
UWSC 画像判定と条件分岐について
-
VB6での画像のサイズ変更に関して
-
C#で画像を他の画像に貼り付け...
-
MATLABのDICOM画像表示
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【EXCEL VBA】ダブルクリックで...
-
こんなことてしますか??
-
Pythonでgif画像が上手く作れない
-
Excel ユーザーフォームで表示...
-
VBA シート毎に画像挿入
-
生成AI画像について
-
EXCEL VBA 複数のImageコントロ...
-
HTMLで画像をポップアップで表...
-
UWSCの色判定
-
UWSC 画像判定と条件分岐について
-
jQuery . プログラミング 助け...
-
VBAのユーザーフォームのイメー...
-
jqueryスライダーを2段でスライ...
-
vb.net 画像の透過について
-
【WPF】画像の切り替え
-
背景画像の繰り返しについて
-
「using Windows」でエラーが出る
-
画像処理したBitmapをピクチャ...
-
スマホでサイトの画像を長押し→...
-
UWSC 画像認識で条件分岐
おすすめ情報