欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

css如何實(shí)現(xiàn)背景圖片拉伸填充-創(chuàng)新互聯(lián)

css如何實(shí)現(xiàn)背景圖片拉伸填充？針對這個問題，這篇文章給出了相對應(yīng)的分析和解答，希望能幫助更多想解決這個問題的朋友找到更加簡單易行的辦法。

創(chuàng)新互聯(lián)2013年開創(chuàng)至今，先為遼中等服務(wù)建站，遼中等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為遼中企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

首先我們知道用作背景圖片的有兩類：

1、一整張大圖，尺寸和區(qū)域大小剛好吻合；

2、一個很小的條狀圖，通過repeat后，形成一個很規(guī)則的大圖背景。

那么如何實(shí)現(xiàn)背景圖片拉伸填充呢？

方法一：

背景圖尺寸（數(shù)值表示方式）：

代碼如下:

#background-size{
background-size:200px 100px;
}

背景圖尺寸（百分比表示方式）：

代碼如下:

#background-size2{
background-size:30% 60%;
}

背景圖尺寸（等比擴(kuò)展圖片來填滿元素，即cover值）：

代碼如下:

#background-size3{
background-size:cover;
}

背景圖尺寸（等比縮小圖片來適應(yīng)元素的尺寸，即contain值）：

代碼如下:

#background-size4{
background-size:contain;
}

背景圖尺寸（以圖片自身大小來填充元素，即auto值）：

代碼如下:

#background-size5{
background-size:auto;
}

方法二：

js控制：

<div id="formbackground" style="position:absolute; width:100%; height:100%; z-index:-1">              

                當(dāng)前文章：css如何實(shí)現(xiàn)背景圖片拉伸填充-創(chuàng)新互聯(lián)
                

                地址分享：http://chinadenli.net/article6/hjdog.html
            

            

                成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站排名、面包屑導(dǎo)航、域名注冊、搜索引擎優(yōu)化            

            

                廣告
                
            

            

                聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：
                創(chuàng)新互聯(lián)