最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 15:49:08
文档

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

css怎么设置图片背景自动拉伸_html/css_WEB-ITnose:比如说我有个图片 是1*150的..设置 body(background=1.gif) 以后虽然它横向拉伸了.但是纵向会重复,而不拉伸.怎么能让这个图片. 横向纵向都拉伸。 回复讨论(解决方案) no-repeat: 即无论背景图片的大小, 只显示单个背景图片, 如首页的第一篇文章
推荐度:
导读css怎么设置图片背景自动拉伸_html/css_WEB-ITnose:比如说我有个图片 是1*150的..设置 body(background=1.gif) 以后虽然它横向拉伸了.但是纵向会重复,而不拉伸.怎么能让这个图片. 横向纵向都拉伸。 回复讨论(解决方案) no-repeat: 即无论背景图片的大小, 只显示单个背景图片, 如首页的第一篇文章
 比如说我有个图片 是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下所有连接都会失效

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

文档

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

css怎么设置图片背景自动拉伸_html/css_WEB-ITnose:比如说我有个图片 是1*150的..设置 body(background=1.gif) 以后虽然它横向拉伸了.但是纵向会重复,而不拉伸.怎么能让这个图片. 横向纵向都拉伸。 回复讨论(解决方案) no-repeat: 即无论背景图片的大小, 只显示单个背景图片, 如首页的第一篇文章
推荐度:
标签: 背景 背景图 如何
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top