当前位置：首页 → 问答吧 → 请教一个css设置背景的问题

请教一个css设置背景的问题

时间：2011-06-13

来源：互联网

一个页面，用的渐变背景，整个页面设置的100%的宽度，但页面内容设置固定宽度960且居中。
背景大图是以19'宽屏显示器满屏显示的。

我的问题是，如何在页面缩小时隐藏的是两边的部分，因为背景有渐变，想要在页面缩放时边界依然与内容部分平滑过度。

以下面为例，我以连字线表示位置.

全屏时的位置:

|----这是左边----|--------这是内容，这里左右两侧与分别与渐变背景平滑接触--------|----这是右边----|

比如缩放了一部分，假设减小了六个位置的宽度，当缩放后，左面少了三个，在面少了三个
即我希望的是缩放后，自动向两边隐藏。

|-这是左边----|--------这是内容，这里左右两侧与分别与渐变背景平滑接触--------|----这是右边-|

请教css及html的设置

作者: fcuandy 发布时间: 2011-06-13

<!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>
</head>
<style type="text/css">
#wrap{
width:960px;
margin:0 auto;
background:#542;
height:2000px;
}

body{background:#B6C4F1 url(bg.jpg) repeat-x;}

</style>
<body>
<div id="wrap">

</div>
</body>
</html>

作者: x_series 发布时间: 2011-06-13

楼主的结帖率咋搞的

作者: x_series 发布时间: 2011-06-13

你的背景是一张大图吗？直接背景居中就可以了
body{background:url(bg.jpg) no-repeat center 0}

作者: beyond_me21 发布时间: 2011-06-13