css怎么设置图片背景自动拉伸_html/css_WEB-ITnose

比如说我有个图片 是1*150的..设置 body(background="1.gif") 以后虽然它横向拉伸了.但是纵向会重复,而不拉伸.怎么能让这个图片. 横向纵向都拉伸????

回复讨论(解决方案)

no-repeat: 即无论背景图片的大小, 只显示单个背景图片, 如首页的第一篇文章标题前的”NEW”图标, 代码如上所示;

repeat: 指背景图片横向和纵向重复连续显示;

repeat-x: 指背景图片横向重复连续显示;

repeat-y 指背景图片纵向重复连续显示;例: 查看本站css文件,可以看到以下代码:

body {
font: normal 12px/1.5 Georgia, sans-serif;
text-align:left;
background:#444 url(images/bodybg.jpg) repeat-y;
}

可以看到背景图片bodybg.jpg是纵向重复显示的, 并随页面的长度的增加而增加.  

no-repeat: 即无论背景图片的大小, 只显示单个背景图片, 如首页的第一篇文章标题前的”NEW”图标, 代码如上所示;

repeat: 指背景图片横向和纵向重复连续显示;

repeat-x: 指背景图片横向重复连续显示;

repeat-y 指背景图片纵向重复连续显示;例: 查看本站css文件,可以看到以下代码:

body {
font: normal 12px/1.5 Georgia, sans-serif;
text-align:left;
background:#444 url(images/bodybg.jpg) repeat-y;
}

可…
100% 回答

楼上没明白的的意思啊..我要的不是左侧伸缩..我要 背景图片自动拉伸...无语

比如说我有个图片 是1*150的..设置 body(background="1.gif") 以后虽然它横向拉伸了.但是纵向会重复,而不拉伸.怎么能让这个图片. 横向纵向都拉伸????
1。背景不会（像windows桌面那样）自动拉伸
2。background="1.gif"横向拉伸 属于误解，其实还是重复
3。以上谨供参考

背景只会平铺，不能拉伸的...
你可以给上面加个绝对定位透明的层，设置z-index大点就可以实现这效果了

           position: absolute; top: 0; left: 0; z-index: -1" />



现在我是这样..IE7.8和火狐效果和可以,但是到IE6就不兼容了.应该怎么弄呢?

用滤镜应该怎么实现?

dhtml里img支持zoom的

haohao

似乎背景图片不支持拉伸，只能平铺和重复

no-repeat: 即无论背景图片的大小, 只显示单个背景图片, 如首页的第一篇文章标题前的”NEW”图标, 代码如上所示;

repeat: 指背景图片横向和纵向重复连续显示;

repeat-x: 指背景图片横向重复连续显示;

repeat-y 指背景图片纵向重复连续显示;例: 查看本站css文件,可以看到以下代码:

body {
font: normal 12px/1……


你不明白楼主的意思

http://blog.csdn.net/zzhjava2006/archive/2011/03/31/6292359.aspx
可以看一下

           position: absolute; top: 0; left: 0; z-index: -1" />



现在我是这样..IE7.8和火狐效果和可以,但是到IE6就不兼容……
考虑兼容就不要用滤镜，ie6下所有连接都会失效

           position: absolute; top: 0; left: 0; z-index: -1" />



现在我是这样..IE7.8和火狐效果和可以,但是到IE6就不兼容……
考虑兼容就不要用滤镜，ie6下所有连接都会失效

纵向要是拉伸背景高度，不是平铺下来！不知道有人知道不？