目錄
回复讨论(解决方案)
首頁 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