css如何把背景图片拉伸至100%-HTML教程-爱易网页

css如何把背景图片拉伸至100%

日期：2014-05-17　浏览次数：20717 次

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

css

------解决方案--------------------
<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>
------解决方案--------------------

引用:

<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" 就是拉伸。