HTML中使背景圖片自適應(yīng)瀏覽器大小實(shí)例詳解
更新時間：2017年04月06日 11:20:21 投稿：lqh
這篇文章主要介紹了HTML中使背景圖片自適應(yīng)瀏覽器大小實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下
HTML中使背景圖片自適應(yīng)瀏覽器大小實(shí)例詳解
解決辦法：
1、圖片不夠大，又background屬性不能拉伸圖片；
2、只能用個div，把其z-index值設(shè)為負(fù)，并使這個div大小為整個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)文章
在使用bootstrap table的復(fù)選框功能的時候，由于采用服務(wù)端分頁，當(dāng)在第一頁選擇了某些數(shù)據(jù)，然后點(diǎn)擊第二頁選擇一些數(shù)據(jù)，再次點(diǎn)回第一頁，發(fā)現(xiàn)原先選擇的數(shù)據(jù)已經(jīng)清空了，原來的多選框并不支持翻頁保留多選數(shù)據(jù)，怎么解決呢，下面小編給大家分享下解決思路2017-03-03
中級前端工程師必須要掌握的27個JavaScript 技巧(干貨總結(jié))
這篇文章主要介紹了中級前端工程師必須要掌握的27個JavaScript 技巧(干貨總結(jié)),小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-09-09
這篇文章主要跟大家介紹了關(guān)于Javascript中mouseup事件丟失的原因與解決辦法的相關(guān)資料，文中給出詳細(xì)的示例代碼供大家參考學(xué)習(xí)，需要的朋友們下面跟著小編一起來學(xué)習(xí)學(xué)習(xí)吧。2017-06-06
JavaScript實(shí)現(xiàn)滑塊驗(yàn)證碼
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)滑塊驗(yàn)證碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11
記得meta標(biāo)簽當(dāng)中有一個refresh的功能嗎？這是讓瀏覽的頁面刷新并可以轉(zhuǎn)到相應(yīng)的頁面，如果刷新本頁的話就會造成重復(fù)的刷新，現(xiàn)在我們就試試用腳本來實(shí)現(xiàn)只讓頁面刷新一次.2009-07-07
javaScript中Math()函數(shù)注意事項(xiàng)
本文主要給大家分享了javascript中Math()函數(shù)的注意事項(xiàng)，以及math對象的方法，十分的簡單實(shí)用，有需要的小伙伴可以參考下2015-06-06
彈出新的網(wǎng)頁窗口的方法有很多，在本文為大家介紹下使用js的window.open方法來實(shí)現(xiàn)，需要的朋友可以了解下
2014-01-01 
解決layer 關(guān)閉當(dāng)前彈窗 關(guān)閉遮罩層 input值獲取不到的問題
今天小編就為大家分享一篇解決layer 關(guān)閉當(dāng)前彈窗 關(guān)閉遮罩層 input值獲取不到的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09 
淺談javascript的Array.prototype.slice.call
發(fā)現(xiàn)大多人都用了Array.prototype.slice.call(argments,0)，一直不明白這句是干什么的。而昨天溫習(xí)了slice()方法，再參考Function.call(thisArg[, arg1[, arg2[, ...]]])，還是不得而知（我腦筋轉(zhuǎn)得慢:|）。
2015-08-08