首页 > web前端 > html教程 > 不加宽度也没有内容,如何显示背景图?_html/css_WEB-ITnose

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

WBOY
发布: 2016-06-24 12:09:29
原创
1055 人浏览过

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

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板