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