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

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

php中文网

发布： 2016-06-24 11:56:54

原创

3449人浏览过

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

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

落笔AI

AI写作，AI写网文、AI写长篇小说、短篇小说

查看详情

回复讨论(解决方案)

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

.....

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

希望对你有帮助。。。

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

.....

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

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

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

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

引用 1 楼的回复:

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

.....
……

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

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

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

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