HTML中使背景圖片自適應(yīng)瀏覽器大小
發(fā)表時(shí)間：2023-09-09 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]這篇文章主要介紹了HTML中使背景圖片自適應(yīng)瀏覽器大小實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下HTML中使背景圖片自適應(yīng)瀏覽器大小實(shí)例詳解解決辦法：1、圖片不夠大，又background屬性不能拉伸圖片； 2、只能用個(gè)p，把其z-index值設(shè)為負(fù)，并使這個(gè)p大小為整個(gè)body大小，在p里用<...
這篇文章主要介紹了HTML中使背景圖片自適應(yīng)瀏覽器大小實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下
HTML中使背景圖片自適應(yīng)瀏覽器大小實(shí)例詳解
解決辦法：
1、圖片不夠大，又background屬性不能拉伸圖片；
2、只能用個(gè)p，把其z-index值設(shè)為負(fù)，并使這個(gè)p大小為整個(gè)body大小，在p里用<img> ；
3、body的background屬性去掉，要不然會(huì)被遮住。
<html>
<body>
<p id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="pictures/background.jpg" width="100%" height="100%"/>
</p>
</body>
</html>
如果想讓圖片不隨瀏覽器右邊滾動(dòng)條滾動(dòng)，就用position:fixed屬性。wordpress建站的達(dá)人們也可以用此方法，在指定頁(yè)面定制自己的背景圖片。
感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！
相關(guān)推薦：
Html 實(shí)現(xiàn)動(dòng)態(tài)顯示顏色塊的報(bào)表效果(實(shí)例代碼)
以上就是HTML中使背景圖片自適應(yīng)瀏覽器大小的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ)，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
