最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

RELATEED CONSULTING
相關咨詢
選擇下列產(chǎn)品馬上在線溝通
服務時間:8:30-17:00
你可能遇到了下面的問題
關閉右側工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
CSS+html+jquery如何實現(xiàn)拉伸背景圖片

這篇文章將為大家詳細講解有關CSS+html+jquery如何實現(xiàn)拉伸背景圖片,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)公司自2013年創(chuàng)立以來,是專業(yè)互聯(lián)網(wǎng)技術服務公司,擁有項目成都做網(wǎng)站、成都網(wǎng)站設計網(wǎng)站策劃,項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命,1280元鎮(zhèn)江做網(wǎng)站,已為上家服務,為鎮(zhèn)江各地企業(yè)和個人服務,聯(lián)系電話:18982081108

方法一:CSS方法,這個方法有個缺陷,就是要定死高度,而且不兼容IE。





無標題文檔

    body{width:100%; height:700px; margin:0; url(p_w_picpaths /banner11.jpg) no-repeat; padding:0; background-size:100% 100%;) ;
}



    拉伸背景圖片

方法二:jquery+CSS,都兼容





無標題文檔

    body{width:100%; height:100%; margin:0; padding:0;}



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




方法三:html+css,這是個死辦法,呵呵,但是兼容性很好。





無標題文檔

body{width:100%; height:100%; margin:0; padding:0;}
#main_bg,#bigpic{width:100%; height:100%;}



關于“CSS+html+jquery如何實現(xiàn)拉伸背景圖片”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。


分享題目:CSS+html+jquery如何實現(xiàn)拉伸背景圖片
分享URL:http://fisionsoft.com.cn/article/pocihj.html