当前位置:Gxlcms > html代码 > css怎么设置图片背景自动拉伸_html/css_WEB-ITnose

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

时间:2021-07-01 10:21:17 帮助过:8人阅读

比如说我有个图片 是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大点就可以实现这效果了





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

用滤镜应该怎么实现?







<br /> <body> <br /> <br /> </body> <br />


晕了..把那页面包含在 框架里就有问题.滚动条老长了

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
可以看一下





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





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

纵向要是拉伸背景高度,不是平铺下来!不知道有人知道不?

人气教程排行