如何使背景图片底部和侧部无限延伸_html/css_WEB-ITnose
比如我在一个表格里,给他设了个背景图片。
然后表格长度比背景图片长,希望能底部无限延伸,
而不是图片重复。
侧面也希望能无限延伸边部
知道的麻烦给个表格的代码和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%,你要知道背景图片是不能拉伸的


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

熱門話題

Win11如何自訂背景圖片?在最新發布的win11系統中,裡面有許多的自訂功能,但是很多小夥伴不知道應該如何使用這些功能。就有小夥伴覺得背景圖片比較單調,想要自訂背景圖,但是不知道如何操作自訂背景圖,如果你不知道如何定義背景圖片,小編下面整理了Win11自訂背景圖片步驟,感興趣的話一起往下看看把! Win11自訂背景圖片步驟1、點選桌面win按鈕,在彈出的選單中點選設定,如圖所示。 2、進入設定選單,點選個性化,如圖所示。 3、進入個人化,點選背景,如圖所示。 4.進入背景設置,點選瀏覽圖片

Win10系統每次使用過的桌面背景都會在設定中的個人化背景圖片裡面顯示,有些用戶想刪除,但是不知道怎麼操作,這篇文章是本站給大家分享的Win10個人化背景圖片刪除方法。查看使用過的桌面背景圖片:1、桌面空白處點選【右鍵】,在開啟的選單項目中,選擇【個人化】;2、在背景中的選擇圖片中,可以查看到您使用過的桌面背景圖片;刪除使用過的桌面背景圖片:注意:本操作涉及到修改註冊表,修改註冊表有風險,請提前備份資料1、同時按下【Win+R】組合鍵,打開運行窗口,輸入【regedit 】命令,然後點選【確定】;2

許多在抖音做直播的用戶都會使用抖音直播伴侶軟體,不過你們知道抖音直播伴侶怎樣添加背景圖片嗎?下文就是小編為你們帶來的抖音直播伴侶添加背景圖片的方法,感興趣的用戶快來下文看看。先登入電腦上的抖音直播伴侶,然後進入首頁。在左邊,我們選擇[添加材料]在[場景1]下面。接著,頁面上會有一個添加材料的窗口,我們可以直接選擇[圖片]功能點擊進入。然後,我們會開啟一個當地存放圖片材料的視窗。我們需要選擇我們想要新增的圖片材料,然後點擊右下角的開啟按鈕來新增它們。新增圖片後,我們需要用滑鼠左鍵將圖片拉到適當的

PPT 背景圖片的統一替換是提升簡報視覺風格的重要操作,可透過兩種主要方法實現:投影片母版替換和批次替換。投影片母版替換涉及在母版中刪除原有圖片並插入新圖片,從而應用於所有投影片。批次替換功能則直接取代簡報中所有投影片的背景圖片。統一背景圖片不僅美化簡報,也增強觀眾專注力。選擇與主題相符且品質高的圖片至關重要,並應注意調整透明度、大小等細節。此外,PPT 還提供豐富的背景設定選項,如漸層、紋理和圖案,可根據需求自訂調整。

1、啟動WPS演示,如圖。 2.點選【+】按鈕,新建投影片,如圖。 3.點選右鍵,選擇【背景】,如圖。 4.在【物件屬性】頁的填滿選項中,選擇【圖片或紋理填滿】,如圖。 5.圖片來源中,點選】本地檔案【,如圖。 6.在對話方塊中,選擇想要插入的圖片,並點選】開啟【按鈕,如圖的例子。 7.這樣就完成WPS示範的背景圖片設定了。如圖的效果。

JavaScript如何實現網頁滾動到底部自動載入更多內容的功能?概述:在現代網路應用中,無限滾動是一種常見的功能。當使用者捲動到網頁的底部時,自動載入更多內容,提供更好的使用者體驗。 JavaScript可以幫助我們實現這項功能。本文將介紹如何使用JavaScript監聽使用者捲動事件,並根據捲動位置載入更多內容的具體程式碼範例。具體實現:首先,在HTM

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

設定PPT背景圖片可以為簡報增添視覺效果和吸引力。本教學詳細介紹如何選擇合適的圖片、設定背景圖片以及調整其與簡報內容的協調性。透過遵循本指南,你可以輕鬆地為PPT創建出令人印象深刻的背景圖片,提升簡報的整體效果。
