html背景滿屏(html設置背景顏色全屏)
要在HTML頁面中實現(xiàn)全屏顯示背景圖片,您需要將圖片設置為BODY元素的背景為了確保背景圖片能完整覆蓋整個屏幕,圖片寬度至少應達到1920像素當然,除了圖片寬度,還要考慮圖片的高度和分辨率這樣,當頁面加載時,背景圖片會自動鋪滿整個頁面,不論用戶的屏幕尺寸如何實現(xiàn)這一效果,您需要在CSS樣式表中設置。
下面這段代碼給div設置了一個寬度和高度,然后添加了一張背景圖片,并使用了backgroundsizecover這個屬性,就會自動放大或縮小背景圖片來適應,但是需要指出的是這個屬性在需要在IE9及以上版本支持,谷歌和火狐都支持,具體支持情況看上面的圖,淺綠的代表支持,粉紅的不支持,你也可以到caniusecom自己。
html里,讓背景圖片根據(jù)屏幕大小鋪滿屏幕不重復,具體方法如下1首先我們用Dreamweaver軟件做一個html文檔,當然用其他編輯器也可以2然后給body設置一個背景圖片,這里小編給body加了一個高度,以便能看到圖片3然后先在瀏覽器中預覽一下效果會看到圖片兩遍有空白,沒有填充滿整個屏幕4將。
掃描二維碼推送至手機訪問。
版權聲明:本文由飛速云SEO網(wǎng)絡優(yōu)化推廣發(fā)布,如需轉載請注明出處。