背景画像の繰り返しについて
ホームページの背景画像を「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も見ています
-
新NISA制度は今までと何が変わる?非課税枠の拡大や投資対象の変更などを解説!
少額から投資を行う人のための非課税制度であるNISAが、2024年に改正される。おすすめの銘柄や投資額の目安について教えてもらった。
-
background-repeat CSS で切れ目が見えてしまう
HTML・CSS
-
画像と、セルのつなぎ目に白い線が入ってしまいます。
HTML・CSS
-
htmlかcssで背景の白い枠をなくす方法
HTML・CSS
-
-
4
フレームで背景画像を継ぎ目なく表示させるには
HTML・CSS
-
5
文字が斜体になってしまうのですが・・・
画像編集・動画編集・音楽編集
-
6
画像にリンクを張ると画像がずれるのを解消したいです
HTML・CSS
-
7
リストマーカーをボックス内に収めて、かつ、<li>内の文章だけをリストマーカーよりもインデントする方法は?
HTML・CSS
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Pythonでgif画像が上手く作れない
-
EXCEL VBA 複数のImageコントロ...
-
UWSCの色判定
-
イメージマップでマウスオーバ...
-
jqueryスライダーを2段でスライ...
-
こんなことてしますか??
-
uwscについて質問です。
-
Excel ユーザーフォームで表示...
-
画像の2次元フーリエ変換の結...
-
【EXCEL VBA】ダブルクリックで...
-
Pythonのプログラム初心者の問題
-
自作の地図をグーグルマップの...
-
VBAのユーザーフォームのイメー...
-
UWSCの画像認識と条件分岐につ...
-
画像の一部だけが点滅する画像...
-
ヒストグラム類似度による画像...
-
Leafletで画像をon、offさせる...
-
gif画像が壊れて読み込まない
-
UWSCについて
-
PowerPoint VBA で画像の鮮明度...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
こんなことてしますか??
-
【EXCEL VBA】ダブルクリックで...
-
Excelで画像URLを1つずつセル...
-
EXCEL VBA 複数のImageコントロ...
-
HTMLで画像をポップアップで表...
-
背景画像の繰り返しについて
-
Excel ユーザーフォームで表示...
-
gif 画像上の ボタンに リン...
-
VBA シート毎に画像挿入
-
jQuery . プログラミング 助け...
-
VBAのユーザーフォームのイメー...
-
jqueryスライダーを2段でスライ...
-
ホームページバナーを(画像が...
-
「using Windows」でエラーが出る
-
スマホでサイトの画像を長押し→...
-
【WPF】画像の切り替え
-
PowerPoint VBA で画像の鮮明度...
-
画像のピクセルデータの取得
-
UWSCの色判定
-
UWSCを使った画像認証マク...
おすすめ情報