網頁背景圖片拉伸-jerrylsxu

來源：懂視網責編：小采時間：2020-11-27 16:43:17

網頁背景圖片拉伸-jerrylsxu

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

推薦度：

點擊下載本文 文檔為doc格式

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

解決方法有兩種：

一種是CSS，使用background-size:cover實現圖片的拉伸效果，但是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中動態插入一個div，然后在div里包含一張圖片，瀏覽器窗口改變大小時，動態設置背景圖片的尺寸。

$(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}); 
}

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

網頁背景圖片拉伸-jerrylsxu

推薦度：

點擊下載本文 文檔為doc格式

標簽：圖片背景背景圖

熱門焦點

網頁背景圖片拉伸-jerrylsxu

網頁背景圖片拉伸-jerrylsxu

網頁背景圖片拉伸-jerrylsxu

最新推薦

猜你喜歡

熱門推薦