当前位置: 代码迷 >> HTML/CSS >> 请教当背景图片不够宽时,如何时其拉伸以填满?
  详细解决方案

请教当背景图片不够宽时,如何时其拉伸以填满?

热度:111   发布时间:2012-03-06 20:47:55.0
请问当背景图片不够宽时,怎么时其拉伸以填满??
如题:
现在用的是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支持吧,感觉如果想保险些的话用大图片或者图片+背景色(和图片边缘色一样),不少网站都是这样做的。