背景画像の繰り返しについて

背景画像の繰り返しについて
ホームページの背景画像を「repeat-x」を使用して
背景画像を繰り返しさせいるのですが、
画像と画像のつなぎ目が、うっすら見えてしまい（ボダーみたいな線）
あきらかに画像を繰り返ししているのがわかります・・・
どうしても、格好悪い背景になってしまいます。

どうしたら、画像の繰り返しがうまくいくのでしょうか？
画像と画像がつながっている部分がわからないようにするには
どうすればいいですか？

body {
background: url(images/back04.JPG);
background-repeat: repeat-x;
background-position: top left;
margin: 0;
　　　　}

No.3 ベストアンサー 回答者： naokita 回答日時： 2010/05/25 22:29

左右同じ色の画像を制作した場合は、線がでないですよね？

それでも線が出るのなら画像の制作方法が間違っています。
NO.1.2さんの通りキリ抜き方法が悪いか、オプションで影や線を付与していませんか？
----------------------------
そうでなければ、
画像の左右がクッキリするのは、画像の左右が違うから当たり前の話なので、
１枚板の様に綺麗に見せたい場合には、
画像処理時に、左右を反転させたり、切れ目をボカしながら１枚の画像を作ります。
■■■
このように真ん中の画像を複製し左右反転させた両端２枚の画像を合わせ
適当にボカしてからキリ抜けば、リピートしても区切りがボケます。
このように、最初に１枚作ってからではなく、
初手の制作時からやれば、この作業・手間が省けます。

ちなみに、background-position: top left; の場合は、デフォルトなので削除可能。

この回答へのお礼

画像を修正したら、うまく出来ました！
background-position: top left; は
デフォルトなんですね・・・
詳しく説明していただき、ありがとうございます。

お礼日時：2010/05/27 08:26

No.2 回答者： hanmemomo 回答日時： 2010/05/25 18:02

先の回答者さんが、正解です。

HTMLやCSSの記載ではなく、そういう絵を使用したからそうなったのです。
画像そのものがリピートに耐えられる画像ですか？

No.1 回答者： write_draw 回答日時： 2010/05/25 17:57

元々の画像が原因ではないでしょうか。

端に違う色が入っているか、それとも線が入っているとか。その点をチェックして、修正して試されたらいかがでしょう。

そのスクリプト自体は問題ないと思いますけど。

この回答へのお礼

ご指摘の通り、画像に線が入っていて上手く出来ていませんでした。
画像を修正したところ、上手くできました。
ありがとうございました。

お礼日時：2010/05/27 08:24