DIV+CSS,怎样将背景图片拉伸到全屏!! 谢谢各位了 急呀~~~ 5

 我来答
0路见见0
2016-06-29 · TA获得超过828个赞
知道小有建树答主
回答量:740
采纳率:54%
帮助的人:72万
展开全部
拉伸是可以做的,需要用到另外一个属性:
css中设置背景图拉伸填充,在css2.1之前这个背景的长宽值是不能被修改的。 实际的结果是只能重复显示,可以使用repeat,repeat-x,repeat-y,no-repeat这些属性来控制背景图片的显示。所以一般用作背景图片的有2类:
1.是一整张大图,尺寸和区域大小刚好吻合
2.一个很小的条状图,通过repeat后,形成一个很规则的大图背景。
css3出现以后,可以用background-size 属性来实现背景图拉伸填充。 而且这个属性在firefox,chrome,以及ie9上都可以使用。
具体使用方法如下:
背景图尺寸(数值表示方式):
#background-size{ background-size:200px 100px; }
背景图尺寸(百分比表示方式):
#background-size{ background-size:30% 60%; }
背景图尺寸(等比扩展图片来填满元素,即cover值):
#background-size{background-size:cover; }
背景图尺寸(等比缩小图片来适应元素的尺寸,即contain值):
#background-size{ background-size:contain; }
背景图尺寸(以图片自身大小来填充元素,即auto值):
#background-size{ background-size:auto; }
zengzhizzz
2010-12-29 · TA获得超过308个赞
知道小有建树答主
回答量:425
采纳率:0%
帮助的人:241万
展开全部
background:url(图片路径) 整个DIV 平铺
background:url(图片路径) no-repeat 不 平铺
background:url(图片路径) repeat -y 竖着平铺
background:url(图片路径) repeat -x 横着 平铺
background:url(图片路径) no-repea left top 不平铺 背景图片居 DIV 左边 顶部
background:url(图片路径) no-repea 10px 10px 不平铺 背景图片居 DIV 左边10px 顶部10px
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
jy07sg
2010-12-29 · TA获得超过1044个赞
知道小有建树答主
回答量:930
采纳率:0%
帮助的人:735万
展开全部
平铺还是不平铺就想要全屏?要平铺的话直接background:url(图片路径就可以了)
不平铺的话没有。。只能看你图片多大就覆盖多大了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
zhaodidong
2010-12-29 · TA获得超过250个赞
知道小有建树答主
回答量:222
采纳率:0%
帮助的人:148万
展开全部
background-repeat:repeat;

只有平铺没有拉伸
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
天朝胡老总
2010-12-29
知道答主
回答量:4
采纳率:0%
帮助的人:0
展开全部
在 BODY里写图片。。。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 2条折叠回答
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式