css背景图片2边无限延伸

发布网友发布时间：2022-04-21 03:20

共2个回答

懂视网时间：2022-04-21 07:41

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

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

回复讨论(解决方案)

你可以尝试像下面这样，在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有背景图，下面的没有背景图，所以让人看着好像是白色无限延伸了。

热心网友时间：2022-04-21 04:49

你是想说让背景图片左右重复吗？ css 属性 background-repeat: repeat-x追问这样的

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:11247931@qq.com