左右に物が描かれた背景があります。次に、絵を切り取るときに、左右の小さな絵を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 つの大きな画像の方が優れています