HTML中使背景圖片自適應(yīng)瀏覽器大小實(shí)例詳解
更新時(shí)間：2017年04月06日 11:20:21 投稿：lqh
這篇文章主要介紹了HTML中使背景圖片自適應(yīng)瀏覽器大小實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下
HTML中使背景圖片自適應(yīng)瀏覽器大小實(shí)例詳解
解決辦法：
1、圖片不夠大，又background屬性不能拉伸圖片；
2、只能用個(gè)div，把其z-index值設(shè)為負(fù)，并使這個(gè)div大小為整個(gè)body大小，在div里用<img> ；
3、body的background屬性去掉，要不然會被遮住。
<html> <body> <div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%"> <img src="pictures/background.jpg" width="100%" height="100%"/> </div> </body> </html>
如果想讓圖片不隨瀏覽器右邊滾動條滾動，就用position:fixed屬性。wordpress建站的達(dá)人們也可以用此方法，在指定頁面定制自己的背景圖片。
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關(guān)文章
javascript 獲取網(wǎng)頁標(biāo)題代碼實(shí)例
這篇文章主要介紹了javascript 獲取網(wǎng)頁標(biāo)題代碼實(shí)例，有需要的朋友可以參考一下2014-01-01
processOnServer使您可以指定當(dāng)前Button應(yīng)該處理客戶端的事件或服務(wù)器端事件。2009-06-06
用nodejs實(shí)現(xiàn)PHP的print_r函數(shù)代碼
這篇文章主要介紹了用nodejs實(shí)現(xiàn)PHP的print_r函數(shù)代碼,需要的朋友可以參考下2014-03-03
讓JavaScript的Alert彈出框失效的方法禁止彈出警告框
彈出框難免會影響你的心情，所以通過以下代碼可將Js彈出框屏蔽掉，實(shí)現(xiàn)思路是對alert方法重寫2014-09-09
JavaScript中關(guān)鍵字?var、let、const的區(qū)別詳解
在JavaScript中,var、let和const是用于聲明變量的關(guān)鍵字,它們之間存在一些區(qū)別,這篇文章就給大家詳細(xì)介紹一下它們之間的區(qū)別,文章通過代碼示例介紹的非常詳細(xì),需要的朋友可以參考下2023-08-08
Function是javascript里最常用的一個(gè)概念，javascript里的function是最容易入手的一個(gè)功能，但它也是javascript最難理解最難掌握的一個(gè)概念。這篇文章主要介紹了JavaScript中的Function類型的相關(guān)資料，一起看下吧2016-07-07
推薦4個(gè)原生javascript常用的函數(shù)
這篇文章主要介紹了推薦4個(gè)原生javascript常用的函數(shù),需要的朋友可以參考下2015-01-01
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)上傳圖片，預(yù)覽、刪除、限制圖片大小、張數(shù)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-06-06
這篇文章主要介紹了解決JS無法調(diào)用Controller問題的方法,需要的朋友可以參考下2015-12-12
tostring 和 valueOf 函數(shù)是解決值的顯示和運(yùn)算的問題，本文主要介紹了js中toString()與valueOf()的使用，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-06-06