首页 > web前端 > html教程 > 如何使背景图片底部和侧部无限延伸_html/css_WEB-ITnose

如何使背景图片底部和侧部无限延伸_html/css_WEB-ITnose

WBOY
发布: 2016-06-24 11:56:54
原创
3111 人浏览过

比如我在一个表格里,给他设了个背景图片。
然后表格长度比背景图片长,希望能底部无限延伸,
而不是图片重复。
侧面也希望能无限延伸边部

知道的麻烦给个表格的代码和css的代码,谢谢。。


回复讨论(解决方案)

你可以尝试像下面这样,在table后面放一张图片充当背景,把图片拉伸到100%,你要知道背景图片是不能拉伸的

 
 
如何使背景图片底部和侧部无限延伸_html/css_WEB-ITnose

 
 .....
 



#back {
   width: 800px;
   height: 600px;
   z-index: -1;
   position: absolute;
}
#back img {
   width: 100%;
   height: 100%;
}

希望对你有帮助。。。

你可以尝试像下面这样,在table后面放一张图片充当背景,把图片拉伸到100%,你要知道背景图片是不能拉伸的

 
 
如何使背景图片底部和侧部无限延伸_html/css_WEB-ITnose

 
 .....
 

……
谢谢,但我要的不是这种,
因为这种图片会变形。
我有一种思路,但不知道CSS如何写。

我的图片做成底部和侧部颜色是一样的。
也就是我在表格里,把图片居中对其,
然后是不是有种方式还可以在背景图片外设置背景颜色的。
提取图片底部的颜色,使背景颜色和背景图片颜色一致,
这样就可以显的是边缘是拉伸了。。。

不知道如何写CSS,,如果可行,请再告诉我下谢谢了!

描述不清楚呀~需要帮忙的话,就加我1157373706

引用 1 楼  的回复:

你可以尝试像下面这样,在table后面放一张图片充当背景,把图片拉伸到100%,你要知道背景图片是不能拉伸的


如何使背景图片底部和侧部无限延伸_html/css_WEB-ITnose


.....
……

按照你这种思路,只要你在表格中同时设置背景颜色和背景图片(居中,no-repeat),或者按我上面这种方法在外层div设置背景颜色和背景图片都可以达到你想要的效果,但是有一点要注意,如果你的图片太大、太小的话,会感觉怪怪的。。。

嗯在下边放个新图片拉伸了,然后设z-index:-1
然后将margin-top设成负数哈哈

嗯在下边放个新图片拉伸了,然后设z-index:-1
然后将margin-top设成负数哈哈


我这太狗屎了,不如直接把图片处理了哈哈

我明白楼主的意思,不过不知道能否实现,你可以看下现在的SOHU主页,其实SOHU主页他也是两个DIV拼起来的,上面的DIV有背景图,下面的没有背景图,所以让人看着好像是白色无限延伸了。

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板