日期:2014-05-17  浏览次数:20771 次

请问当背景图片不够宽时,怎么时其拉伸以填满??
如题:
现在用的是background-image:url(images/banner.png);background-repeat:   no-repeat;

这个没有把图片拉伸

------解决方案--------------------
样式表 
background:url(images/banner.png) repeat-x;
------解决方案--------------------
这样是不行的
可以考虑用滤镜
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src= 'img ', sizingMethod= 'scale ')
------解决方案--------------------
关注一下 我也遇到了这样的问题!!
------解决方案--------------------
<style>
.box{
width:500px;
height:300px;
border:1px solid green;
FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src= 'http://www.csdn.net/ui/images/logo_csdn.gif ',sizingMethod= 'scale ')
}

</style>
<div class= "box "> 背景图片拉伸的效果 </div>
------解决方案--------------------
这样的滤镜只有IE支持吧,感觉如果想保险些的话用大图片或者图片+背景色(和图片边缘色一样),不少网站都是这样做的。