1. CSS設置背景圖寬度100%，高度自適應
padding-top= (高度/寬度)*100%;即圖片的高度與寬度的比例,因此就能實現背景圖寬度100%，高度自適應
為了達到更好的效果再配合cover和center
2. 怎麼用css把背景圖片拉伸 不是平鋪
1、首先准備一張設置為背景的圖片，這邊准備的是一張650px*347px的圖片。
3. 我在網頁中插入了背景圖片，怎樣調整背景圖片的大小
可以使用css的background-size屬性來調整背景圖片的大小，比如：
background-size: 240px 180px
背景圖片的寬為240像素，高為180像素
background-size: 50% 30%
背景圖片的寬設為容器寬度的50%，高設為容器高度的30%
background-size: cover
把背景圖片擴展至足夠大，以使背景圖片完全覆蓋容器區域（背景圖片的某些部分也許無法顯示在容器區域中）
background-size: contain
把背景圖片擴展至最大尺寸，以使其寬度和高度完全適應容器區域（容器的部分邊角位置可能會留空）
需要注意的是，background-size是css3的屬性，瀏覽器必須支持css3才能看到預期的效果。好在現在的主流瀏覽器都是支持css3的（如果你堅持用IE6那當我沒說）
4. css中的背景圖怎麼改變大小
需要准備的材料分別有：電腦、瀏覽器、html編輯器。
1、首先，打開html編輯器，新建html文件，例如：index.html。
5. CSS 背景圖寬度100% 高度自適應
div的高度隨背景圖片的高度變化：
原理是通過padding-top或者padding-bottom實現，值是背景圖片的寬高比。高度設置為0
6. css問題:如何控制背景圖片的大小
1、css2中是無法控制背景圖片大小的，如果想實現這種效果，只能是更改圖片了。
2、css3中可以通過background-size來控制圖片的大小。
background-size屬性用法：
background-size:
length|percentage|cover|contain;
1）length:設置背景圖像的高度和寬度。第一個值設置寬度，第二個值設置高度。如果只設置一個值，則第二個值會被設置為
"auto"。
2）以父元素的百分比來設置背景圖像的寬度和高度。
3）把背景圖像擴展至足夠大，以使背景圖像完全覆蓋背景區域。背景圖像的某些部分也許無法顯示在背景定位區域中。
4）把圖像圖像擴展至最大尺寸，以使其寬度和高度完全適應內容區域。
具體示例可以參考：http://www.w3school.com.cn/cssref/pr_background-size.asp
7. 怎麼用css把背景圖片拉伸 不是平鋪
怎麼用css把背景圖片拉伸 不是平鋪 純css實現的話可以使用css的background-size屬性。語法如下示例：
p{background-size:100% 100%}
共有兩個值，第一個值是寬度，第二個值是高度。如果只設置第一個值，則第二個值預設為"auto"。
css怎麼把背景圖片拉伸至100%
.a {width: 500px;height: 500px;background: url(img/1.jpg);background-size: 100%} 不知道是不是你想要的結果
具體使用方法如下：
背景圖尺寸（數值表示方式）：
程式碼如下:
#background-size{
background-size:200px 100px;
}
背景圖尺寸（百分比表示方式）：
程式碼如下:
#background-size2{
background-size:30% 60%;
}
背景圖尺寸（等比擴充套件圖片來填滿元素，即cover值）：
程式碼如下:
#background-size3{
background-size:cover;
}
背景圖尺寸（等比縮小圖片來適應元素的尺寸，即contain值）：
程式碼如下:
#background-size4{
background-size:contain;
}
背景圖尺寸（以圖片自身大小來填充元素，即auto值）：
程式碼如下:
#background-size5{
background-size:auto;
}
/css 背景圖片如何拉伸，不是平鋪。求例子
<style type = "text/css">
body {
background-image:url("xxx.jpg");
no-repeat center center fixed;
background-size: contain;
}
試試看看background-size: ,contain 或者cover, stackoverflow里的回復還有幾句沒看懂的，
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
我刪了後也能在IE和firefox里顯示拉伸的背景圖片，不知道加上去有什麼作用
css怎麼定義背景圖片拉伸？
.bg {
MARGIN: 0px ; ;PADDING-RIGHT: 8px; PADDING-LEFT: 8px; MIN-HEIGHT: 10px; BACKGROUND: url(images/leftboxContentBg.jpg) #edf6fb repeat-x 0px 0px; COLOR: #4d9ecf;
}
試試
css背景圖片拉伸 不用濾鏡
暫時沒看到完美解決辦法 只能是濾鏡對付ie6
css3新背景特性對付新的瀏覽器了
div {
background: url(example.jpg) left (100% 2em) no-repeat,
url(example2.jpg) bottom left (100% 2em) no-repeat,
url(example3.jpg) center center (10em 10em) repeat-y;
}
在這里，(100% 2em) 是background-size 的值；第一個背景圖片將會出現在左上角並會被拉伸至該div的100%寬度和2em的高度。
求背景圖片拉伸？
沒有直接辦法，只能用層來實現，示例如下：
<div class="page_speeder_2010202423">
把你的網頁程式碼加在這里
</div>
注意<div></div>要放在網頁的<body></body>內，而原來<body></body>內的所有內容都要移動到<div>內。
這樣也不是最佳解決方案，但暫時只能這樣。
幻燈片背景圖片怎麼拉伸開來 現在的背景是平鋪的，同樣的圖片好幾張組合起來，怎麼把背景圖片拉伸為一張
點選單中的格式——背景——點下拉箭頭中的填充效果——點圖片，再從電腦上找到要做成背景的圖片，點確定，再點應用，如果是所有幻燈片都要這樣的背景就點「全部應用」。
Dreamweaver8 怎麼樣把背景圖片拉伸全屏？？
Dreamweaver8 工具下面有個頁面屬性 你開啟後設置背景 還有平鋪 什麼的 一些屬性 你看一下就會用了
解決方法有兩種：
一種是CSS，使用background-size:cover實現圖片的拉伸效果，但是IE8及以下版本不支援background-size，於是可以使用微軟的濾鏡效果，但是IE6不支援。
程式碼如下:
body{background:url(bg.jpg) center center;background-size:cover;height:900px;width:100%;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg.jpg', sizingMethod='scale');}
另一種是使用jQuery，在body中動態插入一個div，然後在div里包含一張圖片，瀏覽器視窗改變大小時，動態設定背景圖片的尺寸。
程式碼如下:
$(function(){
$("body").append("<div id='main_bg' class="page_speeder_2001550029"/>");
$("#main_bg").append("<img src='bg.jpg' id='bigpic'>");
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});
}