61,115
社区成员
发帖
与我相关
我的任务
分享css怎么设置图片背景自动拉伸
比如说我有个图片 是1*150的..设置 body(background="1.gif") 以后虽然它横向拉伸了.但是纵向会重复,而不拉伸.怎么能让这个图片. 横向纵向都拉伸????
...全文
请发表友善的回复…
发表回复
qq1032864525 2012-07-15
- 打赏
- 举报
纵向要是拉伸背景高度，不是平铺下来！不知道有人知道不？
十五字 2012-03-09
- 打赏
- 举报
[Quote=引用 6 楼 qhdrenzhijie 的回复:]
<img id="imgbg" src="images/indexbg.gif" width="100%" height="100%" style="right: 0; bottom: 0;
position: absolute; top: 0; left: 0; z-index: -1" />
现在我是这样..IE7.8和火狐效果和可以,但是到IE6就不兼容……
[/Quote]
考虑兼容就不要用滤镜，ie6下所有连接都会失效
<img id="imgbg" src="images/indexbg.gif" width="100%" height="100%" style="right: 0; bottom: 0;
position: absolute; top: 0; left: 0; z-index: -1" />
现在我是这样..IE7.8和火狐效果和可以,但是到IE6就不兼容……
[/Quote]
考虑兼容就不要用滤镜，ie6下所有连接都会失效
十五字 2012-03-09
- 打赏
- 举报
[Quote=引用 6 楼 qhdrenzhijie 的回复:]
<img id="imgbg" src="images/indexbg.gif" width="100%" height="100%" style="right: 0; bottom: 0;
position: absolute; top: 0; left: 0; z-index: -1" />
现在我是这样..IE7.8和火狐效果和可以,但是到IE6就不兼容……
[/Quote]
考虑兼容就不要用滤镜，ie6下所有连接都会失效
<img id="imgbg" src="images/indexbg.gif" width="100%" height="100%" style="right: 0; bottom: 0;
position: absolute; top: 0; left: 0; z-index: -1" />
现在我是这样..IE7.8和火狐效果和可以,但是到IE6就不兼容……
[/Quote]
考虑兼容就不要用滤镜，ie6下所有连接都会失效
zzhjava2006 2011-04-01
- 打赏
- 举报
http://blog.csdn.net/zzhjava2006/archive/2011/03/31/6292359.aspx
可以看一下
可以看一下
软艺 2010-10-12
- 打赏
- 举报
[Quote=引用 1 楼 lihan6415151528 的回复:]
no-repeat: 即无论背景图片的大小, 只显示单个背景图片, 如首页的第一篇文章标题前的”NEW”图标, 代码如上所示;
repeat: 指背景图片横向和纵向重复连续显示;
repeat-x: 指背景图片横向重复连续显示;
repeat-y 指背景图片纵向重复连续显示;例: 查看本站css文件,可以看到以下代码:
body {
font: normal 12px/1……
[/Quote]
你不明白楼主的意思
no-repeat: 即无论背景图片的大小, 只显示单个背景图片, 如首页的第一篇文章标题前的”NEW”图标, 代码如上所示;
repeat: 指背景图片横向和纵向重复连续显示;
repeat-x: 指背景图片横向重复连续显示;
repeat-y 指背景图片纵向重复连续显示;例: 查看本站css文件,可以看到以下代码:
body {
font: normal 12px/1……
[/Quote]
你不明白楼主的意思
FanG081020 2009-06-08
- 打赏
- 举报
似乎背景图片不支持拉伸，只能平铺和重复
leopoldlee22 2009-06-08
- 打赏
- 举报
dhtml里img支持zoom的
t88f07f21 2009-06-08
- 打赏
- 举报
haohao
NR529 2009-06-05
- 打赏
- 举报
[Quote=引用 1 楼 lihan6415151528 的回复:]
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;
}
可…
[/Quote]
100% 回答
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;
}
可…
[/Quote]
100% 回答
lihan6415151528 2009-06-05
- 打赏
- 举报
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是纵向重复显示的, 并随页面的长度的增加而增加.
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是纵向重复显示的, 并随页面的长度的增加而增加.
qhdrenzhijie 2009-06-05
- 打赏
- 举报
<frameset rows="83,*" frameborder="NO" border="0" framespacing="0">
<frame src="Admin_Top.aspx" name="topFrame" scrolling="NO" noresize="noresize">
<frameset cols="200,*">
<frame name="leftFrame" scrolling="NO" target="main" src="Admin_LeftMenu.aspx" scrolling="yes" >
<frame name="mainFrame" src="Admin_Index.aspx">
</frameset>
<noframes>
<body>
</body>
</noframes>
</frameset>
晕了..把那页面包含在 框架里就有问题.滚动条老长了
<frame src="Admin_Top.aspx" name="topFrame" scrolling="NO" noresize="noresize">
<frameset cols="200,*">
<frame name="leftFrame" scrolling="NO" target="main" src="Admin_LeftMenu.aspx" scrolling="yes" >
<frame name="mainFrame" src="Admin_Index.aspx">
</frameset>
<noframes>
<body>
</body>
</noframes>
</frameset>
晕了..把那页面包含在 框架里就有问题.滚动条老长了
qhdrenzhijie 2009-06-05
- 打赏
- 举报
用滤镜应该怎么实现?
qhdrenzhijie 2009-06-05
- 打赏
- 举报
<img id="imgbg" src="images/indexbg.gif" width="100%" height="100%" style="right: 0; bottom: 0;
position: absolute; top: 0; left: 0; z-index: -1" />
现在我是这样..IE7.8和火狐效果和可以,但是到IE6就不兼容了.应该怎么弄呢?
position: absolute; top: 0; left: 0; z-index: -1" />
现在我是这样..IE7.8和火狐效果和可以,但是到IE6就不兼容了.应该怎么弄呢?
夜雨_Jason 2009-06-05
- 打赏
- 举报
背景只会平铺，不能拉伸的...
你可以给<img style="width:1000px;height:1000px;"src="">上面加个绝对定位透明的层，设置z-index大点就可以实现这效果了
你可以给<img style="width:1000px;height:1000px;"src="">上面加个绝对定位透明的层，设置z-index大点就可以实现这效果了
caiying2009 2009-06-05
- 打赏
- 举报
[Quote=引用楼主 qhdrenzhijie 的帖子:]
比如说我有个图片 是1*150的..设置 body(background="1.gif") 以后虽然它横向拉伸了.但是纵向会重复,而不拉伸.怎么能让这个图片. 横向纵向都拉伸????
[/Quote]
1。背景不会（像windows桌面那样）自动拉伸
2。background="1.gif"横向拉伸 属于误解，其实还是重复
3。以上谨供参考
比如说我有个图片 是1*150的..设置 body(background="1.gif") 以后虽然它横向拉伸了.但是纵向会重复,而不拉伸.怎么能让这个图片. 横向纵向都拉伸????
[/Quote]
1。背景不会（像windows桌面那样）自动拉伸
2。background="1.gif"横向拉伸 属于误解，其实还是重复
3。以上谨供参考
qhdrenzhijie 2009-06-05
- 打赏
- 举报
楼上没明白的的意思啊..我要的不是左侧伸缩..我要 背景图片自动拉伸...无语
