Rumah >hujung hadapan web >html tutorial >不加宽度也没有内容，如何显示背景图？_html/css_WEB-ITnose
不加宽度也没有内容，如何显示背景图？_html/css_WEB-ITnose
- WBOYasal
- 2016-06-24 12:09:291072semak imbas
有一张背景是左右两边有东西的。然后切图的时候就切出左右两边两张小图。让它自适应屏幕的大小。（但是必须加固定宽度，才能显示出背景。）。当屏幕的大小是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
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：求解 界面问题_html/css_WEB-ITnoseArtikel seterusnya：web 页面 CSS javascript_html/css_WEB-ITnose