在html中进行背景图片的修改为一张图片全屏
生活随笔
收集整理的這篇文章主要介紹了
在html中进行背景图片的修改为一张图片全屏
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
如果幫到你請點一個贊，謝謝
方法，一 <body background="圖片的位置一般是在img/ "style=" background-repeat:no-repeat ; background-size:100% 100%; background-attachment: fixed;">方法二：使用css的樣式
在網頁布局時我們經常會遇到這樣的問題：圖片的分辨率是1024*768，在1024*748的屏幕上能顯示完整，一旦在800*600的屏幕上是就顯示不完整，為了讓圖片的大小能適應不同的分辨率，可以這樣來設置背景：
?
<div style="width:360px;height:200px;border:red 1px solid; margin-left:100px; margin-top:300px; position:relative; ">
<img style="position:absolute;left:0px;top:0px;width:100%;height:100%;z-Index:-1; border:1px solid blue" src="包囊.png" />背景圖片的驗證
</div>
?
?
這里需要提出幾點：
?? 1.<img/>的z-index為-1，其實也就相當于一個背景的設置；
?? 2.width height設為100%是解決問題的關鍵；
總結
以上是生活随笔為你收集整理的在html中进行背景图片的修改为一张图片全屏的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Unity定时重复调用方法--Invok
- 下一篇： Vue脚手架First