網(wǎng)頁(yè)背景圖片拉伸-jerrylsxu

來(lái)源：懂視網(wǎng) 責(zé)編：小采時(shí)間：2020-11-27 16:43:17

網(wǎng)頁(yè)背景圖片拉伸-jerrylsxu

網(wǎng)頁(yè)背景圖片拉伸-jerrylsxu: 解決方法有兩種：一種是CSS，使用background-size:cover實(shí)現(xiàn)圖片的拉伸效果，但是IE8及以下版本不支持background-size，于是可以使用微軟的濾鏡效果，但是IE6不支持。 body{background:url(https://www.gxlcms.com/bg.jp

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀網(wǎng)頁(yè)背景圖片拉伸-jerrylsxu: 解決方法有兩種：一種是CSS，使用background-size:cover實(shí)現(xiàn)圖片的拉伸效果，但是IE8及以下版本不支持background-size，于是可以使用微軟的濾鏡效果，但是IE6不支持。 body{background:url(https://www.gxlcms.com/bg.jp

解決方法有兩種：

一種是CSS，使用background-size:cover實(shí)現(xiàn)圖片的拉伸效果，但是IE8及以下版本不支持background-size，于是可以使用微軟的濾鏡效果，但是IE6不支持。

body{background:url(https://www.gxlcms.com/bg.jpg) center center;background-size:cover;height:900px;width:100%; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.gxlcms.com/bg.jpg', sizingMethod='scale');}

另一種是使用jQuery，在body中動(dòng)態(tài)插入一個(gè)div，然后在div里包含一張圖片，瀏覽器窗口改變大小時(shí)，動(dòng)態(tài)設(shè)置背景圖片的尺寸。

$(function(){ 
 $("body").append(""); 
 $("#main_bg").append(""); 
 cover(); 
 $(window).resize(function(){ //瀏覽器窗口變化 
 cover(); 
 }); 
}); 
function cover(){ 
 var win_width = $(window).width(); 
 var win_height = $(window).height(); 
 $("#bigpic").attr({width:win_width,height:win_height}); 
}

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

網(wǎng)頁(yè)背景圖片拉伸-jerrylsxu

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

標(biāo)簽：圖片背景背景圖

熱門(mén)焦點(diǎn)

網(wǎng)頁(yè)背景圖片拉伸-jerrylsxu

網(wǎng)頁(yè)背景圖片拉伸-jerrylsxu

網(wǎng)頁(yè)背景圖片拉伸-jerrylsxu

最新推薦

猜你喜歡

熱門(mén)推薦