不加宽度也没有内容，如何显示背景图？
烦请懂的朋友告知下咯。。。谢谢哈~
6 个解决方案
#1
直接贴代码
#2
++
#3
<!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>
#4
你是想在1024 下面隐藏 2边的东西，然后在1440 下可以显示2边东西 是不是？？
#5
这个要应该要js 控制
#6
可以。
但是我告诉你，一张大图比两张小图更好，因为大背景图总字节更小一点，而且少一个http
但是我告诉你，一张大图比两张小图更好，因为大背景图总字节更小一点，而且少一个http
智能推荐
注意！
本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系我们删除。