目录
回复讨论(解决方案)
首页 web前端 html教程 如何使背景图片底部和侧部无限延伸_html/css_WEB-ITnose

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

Jun 24, 2016 am 11:56 AM
底部 延伸 无限 背景图片

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

知道的麻烦给个表格的代码和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有背景图,下面的没有背景图,所以让人看着好像是白色无限延伸了。

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.聊天命令以及如何使用它们
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

Win11如何自定义背景图片 Win11如何自定义背景图片 Jun 30, 2023 pm 08:45 PM

Win11如何自定义背景图片?在最新发布的win11系统中,里面有许多的自定义功能,但是很多小伙伴不知道应该如何使用这些功能。就有小伙伴觉得背景图片比较单调,想要自定义背景图,但是不知道如何操作自定义背景图,如果你不知道如何定义背景图片,小编下面整理了Win11自定义背景图片步骤,感兴趣的话一起往下看看把!Win11自定义背景图片步骤1、点击桌面win按钮,在弹出的菜单中点击设置,如图所示。2、进入设置菜单,点击个性化,如图所示。3、进入个性化,点击背景,如图所示。4、进入背景设置,点击浏览图片

如何在win10个性化设置中删除背景图片 如何在win10个性化设置中删除背景图片 Dec 21, 2023 pm 02:31 PM

Win10系统每次使用过的桌面背景都会在设置中的个性化背景图片里面显示,有些用户想删除,但是不知道怎么操作,这篇文章是本站给大家分享的Win10个性化背景图片删除方法。查看使用过的桌面背景图片:1、桌面空白处点击【右键】,在打开的菜单项中,选择【个性化】;2、在背景中的选择图片中,可以查看到您使用过的桌面背景图片;删除使用过的桌面背景图片:注意:本操作涉及到修改注册表,修改注册表有风险,请提前备份数据1、同时按下【Win+R】组合键,打开运行窗口,输入【regedit】命令,然后点击【确定】;2

抖音直播伴侣怎样添加背景图片-抖音直播伴侣添加背景图片的方法 抖音直播伴侣怎样添加背景图片-抖音直播伴侣添加背景图片的方法 Mar 05, 2024 am 09:16 AM

很多在抖音做直播的用户都会使用抖音直播伴侣软件,不过你们知道抖音直播伴侣怎样添加背景图片吗?下文就是小编为你们带来的抖音直播伴侣添加背景图片的方法,感兴趣的用户快来下文看看吧。首先登录电脑上的抖音直播伴侣,然后进入主页。在左边,我们选择[添加材料]在[场景1]下面。接着,页面上会有一个添加材料的窗口,我们可以直接选择[图片]功能点击进入。然后,我们会打开一个当地存放图片材料的窗口。我们需要选择我们想要添加的图片材料,然后点击右下角的打开按钮添加它们。添加图片后,我们需要用鼠标左键将图片拉到合适的

ppt背景图片怎么统一替换 ppt背景图片怎么统一替换 Mar 25, 2024 pm 04:16 PM

PPT 背景图片的统一替换是提升演示文稿视觉风格的重要操作,可通过两种主要方法实现:幻灯片母版替换和批量替换。幻灯片母版替换涉及在母版中删除原有图片并插入新图片,从而应用于所有幻灯片。批量替换功能则直接替换演示文稿中所有幻灯片的背景图片。统一背景图片不仅美化演示文稿,还增强观众专注力。选择与主题相符且质量高的图片至关重要,并应注意调整透明度、大小等细节。此外,PPT 还提供丰富的背景设置选项,如渐变、纹理和图案,可根据需求自定义调整。

WPS Office 2016中背景图片的设置方法介绍 WPS Office 2016中背景图片的设置方法介绍 Mar 29, 2024 pm 10:21 PM

1、启动WPS演示,如图。2、点击【+】按钮,新建幻灯片,如图。3、点击右键,选择【背景】,如图。4、在【对象属性】页的填充选项中,选择【图片或纹理填充】,如图。5、在图片来源中,点击】本地文件【,如图。6、在对话框中,选择想要插入的图片,并点击】打开【按钮,如图的例子。7、这样就完成WPS演示的背景图片设置了。如图的效果。

JavaScript 如何实现网页滚动到底部自动加载更多内容的功能? JavaScript 如何实现网页滚动到底部自动加载更多内容的功能? Oct 18, 2023 am 11:40 AM

JavaScript如何实现网页滚动到底部自动加载更多内容的功能?概述:在现代互联网应用中,无限滚动是一种常见的功能。当用户滚动到网页的底部时,自动加载更多内容,提供更好的用户体验。JavaScript可以帮助我们实现这一功能。本文将介绍如何使用JavaScript监听用户滚动事件,并根据滚动位置加载更多内容的具体代码示例。具体实现:首先,在HTM

Win10开机桌面无限刷新该怎么办?Win10开机桌面无限刷新的解决方案 Win10开机桌面无限刷新该怎么办?Win10开机桌面无限刷新的解决方案 Jul 08, 2023 am 09:33 AM

近期有客户在应用Win10系统软件的情况下,发觉有时候桌面会一直在全自动刷新,如何也根本停不下来,并且在大家视频观看听歌时也一直在刷,十分影响到应用感受,那麼计算机开机无线网络刷新怎么办呢,下边小编就把Win10开机桌面无限刷新的处置方式告知大伙儿。计算机开机无线网络刷新该怎么办?1、大家进到桌面后,鼠标点击点一下菜单栏标志。2、在开启的界面中选择【资源管理器】。3、进入页面后,大家点一下【windows任务管理器】,选择【结束任务】。4、进行后返回桌面鼠标右键选择菜单栏。5、这时大家点一下【运

ppt背景图片怎么设置 ppt背景图片怎么设置 Mar 25, 2024 pm 04:12 PM

设置PPT背景图片可以为演示文稿增添视觉效果和吸引力。本教程详细介绍了如何选择合适的图片、设置背景图片以及调整其与演示内容的协调性。通过遵循本指南,你可以轻松地为PPT创建出令人印象深刻的背景图片,提升演示文稿的整体效果。

See all articles