首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

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

2013-02-27 
css怎么把背景图片拉伸至100%大侠们,请教一个问题:假设用户显示器的宽度是1000px,然后用background-image

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

热点排行