不加宽度也没有内容，如何显示背景图？_html/css

Inhaltsverzeichnis

回复讨论(解决方案)

Heim

Web-Frontend

HTML-Tutorial

不加宽度也没有内容，如何显示背景图？_html/css_WEB-ITnose

Jun 24, 2016 pm 12:09 PM

有一张背景是左右两边有东西的。然后切图的时候就切出左右两边两张小图。让它自适应屏幕的大小。（但是必须加固定宽度，才能显示出背景。）。当屏幕的大小是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>

Nach dem Login kopieren

你是想在1024 下面隐藏 2边的东西，然后在1440 下可以显示2边东西是不是？？

这个要应该要js 控制

可以。
但是我告诉你，一张大图比两张小图更好，因为大背景图总字节更小一点，而且少一个http

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn