ホームページ > ウェブフロントエンド > htmlチュートリアル > 幅やコンテンツを追加せずに背景画像を表示するにはどうすればよいですか? _html/css_WEB-ITnose

幅やコンテンツを追加せずに背景画像を表示するにはどうすればよいですか? _html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:09:29
オリジナル
1056 人が閲覧しました

左右に物が描かれた背景があります。次に、絵を切り取るときに、左右の小さな絵を2枚切り抜きます。画面のサイズに合わせて調整してください。 (ただし、背景を表示するには固定幅を追加する必要があります)。画面サイズが1024のときに背景レイヤーが表示されないようにするにはどうすればよいですか?幅の問題のため、中央のコンテンツは下に移動されました。 1440画面では正常です。ただし、サイズが 1024 の場合、コンテンツは下に移動します。 。 。良い。 。明確に表現できたか分かりませんが?
ご存知でしたら教えてください。 。 。ありがとうございます~


ディスカッション(解決策)に返信

コードを直接投稿してください

コードを直接投稿してください++

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>body {margin:0px auto;background:#6633FF;color:#fff;}p {margin:0px 0px ;padding:0px 0px;}.left {background:#000;float:left;width:200px;}.right {background:#000;float:right;width:200px;}.center {padding:0px 10px;width:980px;float:left;}</style></head><body><div id="container"><div class="left">ffff</div><div class="right">ffffff</div><div class="center"><p>在宽屏电脑下显示左右的背景色(宽度200px)。在1024*768的屏幕下隐藏左右两边的背景。中间内容已经固定了宽度是980px。</p><p>左右两边是没有内容的。。。。要加宽度才能显示背景色的。。。不加宽度也没有内容的情况下如何显示背景色呢?且1024的屏幕下可以隐藏掉左右的背景色。</p><p>目前在1440的屏幕下是可以正常显示,因为加了宽度。但是在1024的屏幕下中间的内容就会被撑开。</p><p>目前的解决方法是切一张大背景。就可以解决问题。。。但是,想知道有没有方法就是切两张小图放左右两边。不管屏幕多大都是显示在左右两边的~~~</p></div></div></body></html>
ログイン後にコピー

1024 の下の 2 つの辺を非表示にして、1440 の辺の下 2 を表示しますか?ものですよね? ?

これは js によって制御される必要があります

はい。
しかし、言っておきますが、大きな背景画像の合計バイト数が小さく、http が 1 つ少ないため、2 つの小さな画像よりも 1 つの大きな画像の方が優れています

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート