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

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

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

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

热点排行