css怎么把背景图片拉伸至100%

发表于： 2013-02-20 14:26:17 大侠们，请教一个问题： 假设用户显示器的宽度是1000px，然后用background-image设置一张宽度为800px的背景图片，然后把图片的排列方式设置为no-repeat。问题就出来了。还有200px的网页空间是空白的，怎么把这张宽度为800px的图片设置为用户显示屏宽度的100%，也就是拉伸这张背景图片。 css 分享到：

对我有用[0]丢个板砖[0]引用 | 举报 | 管理 回复次数：5

lishunwen0825 文傑 等级：	#1得分：0 回复于： 2013-02-20 16:01:52 <style type="text/css">  #bodybg {       position: absolute;      width: 100%;      height: 100%;      left: 0px;      top: 0px;      z-index: 0; } #bodybg .stretch {       width:100%;      height:100%; }  < /style> < body> < !-- 背景图片自适屏幕分辨率 --> <div id="bodybg">   < img src=XXXXXX.jpg class="stretch" /> < /div> < /body>
	2013年7月微软MVP当选名单揭晓！ 对我有用[0]丢个板砖[0]引用 | 举报 | 管理

bbjbepzz 码砖专业户 等级： 2	#3得分：15 回复于： 2013-02-20 16:22:01 <style type="text/css"> div{ width:100%; height: 500px; background-image:url('2.png'); background-size:cover; filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( sizingMethod='scale' , src='2.png')  } < /style> < body> <div></div> < /body>
	参与Linux应用有奖调查，赢取MAC笔记本、HTC One手机！ 对我有用[0]丢个板砖[0]引用 | 举报 | 管理

athrunzero athrunzero 等级：

#4得分：5 回复于： 2013-02-20 16:40:51 引用 3 楼 bbjbepzz 的回复: <style type="text/css">div{width:100%;height: 500px; background-image:url('2.png');background-size:cover; filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( sizingMet…… +1 使用滤镜，其中 sizingMethod="scale" 就是拉伸。