css定义背景无限延伸?

发布网友 发布时间：2022-05-13 04:17

我来回答

共6个回答

懂视网 时间：2022-05-13 08:39

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

知道的麻烦给个表格的代码和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设成负数哈哈

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

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

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

热心网友 时间：2022-05-13 05:47

语法：background-repeat : repeat | no-repeat | repeat-x | repeat-y

参数：
repeat : 　背景图像在纵向和横向上平铺
no-repeat : 　背景图像不平铺
repeat-x : 　背景图像在横向上平铺
repeat-y : 　背景图像在纵向平铺

背景设置为平铺他就会延伸了

热心网友 时间：2022-05-13 07:05

背景水平延伸 repeat-x一般情况下IE6和IE8之间，这个没有错误。可能是你代码的问题如果要解决浏览器之间的兼容，可以学习一下css hack。

热心网友 时间：2022-05-13 08:39

width:expression(document.body.clientWidth <= 978px? "978px": "auto" );min-width:978px; 判断宽度

热心网友 时间：2022-05-13 10:31

你图片背景的CSS 上 加上这句 background-repeat:repeat-x；

热心网友 时间：2022-05-13 12:39

background-repeat:repeat-x 也没用吗？