夢乃ふわり＊CSS職人のボード
メッセージ一覧
たびたびすいません！
背景の質問なのですが、背景を一枚にすることはできませんか？
説明がへたで申し訳ありません。
今の作品は、小さな画像を敷き詰めている感じなので、継ぎ目が目立ってしまうのです。
そうではなく、背景にどーんと継ぎ目なく一枚で設定することはできますか？
零ーﾚｲー (プロフ) [2016年2月17日 22時]
[固定リンク]
[違反報告]
可能ですよ！
例えば
http://uranai.nosv.org/u.php/novel/html_list/
の背景は繰り返さず左上に【http://uranai.nosv.org/uploader/common/0/3/c/03c4e238191b6dfaedbe587ef6b601ca.jpg】という画像を指定しています。
body{
background-color:#FFFFFF;
background-image:url(http://uranai.nosv.org/uploader/common/0/3/c/03c4e238191b6dfaedbe587ef6b601ca.jpg);
background-repeat:no-repeat;
background-position:top left;
}
でこのようになっています。
＊詳しい方法
・画像を繰り返さない
background-repeat:no-repeat;
・画像の大きさを画面に合わせる
background-size:cover;
・画面の位置調整
backround-position:画像の位置;
top bottom left right center が使いやすい
詳しくは↓へ
http://www.tagindex.com/stylesheet/page/background_position.html
＊注意点
・小さい画像を画面に合わせると画質が荒くなる
・逆に大きい画像は読み込みが遅くなることがある
(環境によっては表示に何十秒もかかることも…？)
夢乃ふわり＊CSS職人 (プロフ) [2016年2月18日 15時] 1番目の返信
[違反報告]