CSS中如何設拉伸背景圖片鋪滿屏幕

1、比如#bg{position：fixed；width：100%；height：100%；} 萬維網(wǎng)上的一個超媒體文檔稱之為一個頁面（外語：page）。

主要從事網(wǎng)頁設計、PC網(wǎng)站建設（電腦版網(wǎng)站建設）、wap網(wǎng)站建設（手機版網(wǎng)站建設）、成都響應式網(wǎng)站建設公司、程序開發(fā)、微網(wǎng)站、小程序開發(fā)等，憑借多年來在互聯(lián)網(wǎng)的打拼，我們在互聯(lián)網(wǎng)網(wǎng)站建設行業(yè)積累了豐富的網(wǎng)站設計制作、做網(wǎng)站、網(wǎng)絡營銷經(jīng)驗，集策劃、開發(fā)、設計、營銷、管理等多方位專業(yè)化運作于一體，具備承接不同規(guī)模與類型的建設項目的能力。

2、創(chuàng)建以下目錄結構的測試頁面。將測試圖片顯示在瀏覽器界面上，效果如下。通過CSS設置背景圖片，默認效果如下，圖片被自動重復以鋪滿窗口。通過CSS設置背景圖片不重復，此時，圖片將不能鋪滿窗口。

3、拉伸是可以做的，需要用到另外一個屬性：css中設置背景圖拉伸填充，在css1之前這個背景的長寬值是不能被修改的。 實際的結果是只能重復顯示，可以使用repeat，repeat-x，repeat-y，no-repeat這些屬性來控制背景圖片的顯示。

4、圖片沒有重疊，居中，并且...她太小了，無法占領全部的頁面。很可惜，CSS2中并沒有圖片全屏拉伸的屬性，所以我自己想了個辦法。利用一個DIV層，在里面裝載一個IMG標簽。

在css中設置圖片的背景圖,怎么設置圖片縱向拉伸

css中設置背景圖拉伸填充，在css1之前這個背景的長寬值是不能被修改的。 實際的結果是只能重復顯示，可以使用repeat，repeat-x，repeat-y，no-repeat這些屬性來控制背景圖片的顯示。

background：url(../../config/img/Title.png) repeat-y；豎著鋪 什么不加就是橫豎平鋪 如果你是想拉伸的話，豎著切一張幾個像素寬的背景圖（比如說寬2px，高990px這樣的一張圖），然后設置repeat-x，橫向平鋪。

背景圖尺寸（以圖片自身大小來填充元素，即auto值）：程式碼如下：background-size5{ background-size：auto；} /css 背景圖片如何拉伸，不是平鋪。

css設置一張圖怎么拉伸填滿整個窗口

能夠拉伸填滿整個窗口的技術是背景圖，設計一個完美的背景圖可以拉伸到整個頁面。

創(chuàng)建以下目錄結構的測試頁面。將測試圖片顯示在瀏覽器界面上，效果如下。通過CSS設置背景圖片，默認效果如下，圖片被自動重復以鋪滿窗口。通過CSS設置背景圖片不重復，此時，圖片將不能鋪滿窗口。

p{background-size：100% 100%} 共有兩個值，第一個值是寬度，第二個值是高度。如果只設置第一個值，則第二個值預設為auto。

% auto；} 縱向鋪滿，橫向留有空隙或超出屏幕：body {background：url(圖片路徑) no-repeat center； background-size：auto 100%；} 補充說明：background-size屬于css3，只有支持css3的瀏覽器才有效。