『壹』 怎樣設置CSS背景圖片路徑
在CSS文件里，有時要用到background-image，即加一個背景圖片，一般在顯示標題時會經常用到。
現在來看兩個文件目錄:
/css/admin/main.js //js文件的目錄
/css/admin/image/show.gif //圖片的目錄
舉例：
1、現在在main.js文件里要用show.gif來做背景圖片，那麼要這樣來寫：background-image:url(image/td-top-4.gif);
這樣寫路徑是因為main.js和image文件夾都是在css目錄下的。
2、如果現在需要在一個jsp頁面里定義這個圖片路徑，jsp頁面ShowImage.jsp在test文件夾里，而test和css又在同一個目錄下面，這時的圖片路徑就要有所改變了：
background-image:url(../css/admin/image/td-top-4.gif);這樣即可正確的顯示圖片了。
這里的../是指回到上一層目錄，如果是上兩層目錄呢？那就是../../。
當然，如果加上絕對路徑不管怎麼樣都不會出錯了，不過不推薦使用絕對路徑，不利於程序的移植。
『貳』 css裡面如何設置body背景圖片滿屏
<!doctypehtml><html><head><metacharset="utf-8"><title>無標題文檔</title><style>html{width:100%;height:100%}body{width:100%;height:100%;background:url(../1.jpg)no-repeat;background-size:cover;/*這里設置了背景圖片為覆蓋，以填滿整個容器*/}</style></head><body></body></html>
『叄』 css中的背景圖怎麼改變大小
需要准備的材料分別有：電腦、瀏覽器、html編輯器。
1、首先，打開html編輯器，新建html文件，例如：index.html。
『肆』 css背景圖片自適應，怎麼調
用background-size屬性，你想給他多大的百分比都可以，不設置表示默認圖片大小，設置100%表示全屏顯示圖片，按比例縮小或者放大。
這樣就可以實現背景圖片自適應父容器大小而自動變化，達到填充效果。 但是，圖片會被拉伸填充，這並不是我們想要的效果，那麼我們可以不設置100%參數，而是使用cover參數。
設置cover參數以後，背景圖會按比例縮放填充滿整個背景。如果使用IE瀏覽器你會發現，上面的background-size:100% 100%;並沒有起到作用，圖片原本是怎樣就怎樣顯示，比較大就只能顯示一部分。
所以這時需要使用IE特有的濾鏡 AlphaImageLoader 兼容性在IE5.5+以上版本的瀏覽器上都可以完美運行。
1、enabled: 可選項。布爾值(Boolean)。設置或檢索濾鏡是否激活。true|false_ true: 默認值。濾鏡激活。
2、false: 濾鏡被禁止。
3、sizingMethod: 可選項。字元串(String)。設置或檢索濾鏡作用的對象的圖片在對象容器邊界內的顯示方式。
4、crop: 剪切圖片以適應對象尺寸。
5、image: 默認值。增大或減小對象的尺寸邊界以適應圖片的尺寸。
6、scale: 縮放圖片以適應對象的尺寸邊界。
7、src: 必選項。字元串(String)。使用絕對或相對 url 地址指定背景圖像。假如忽略此參數，濾鏡將不會作用。
特性:
1、Enabled: 可讀寫。布爾值(Boolean)。參閱 enabled 屬性。
2、sizingMethod: 可讀寫。字元串(String)。參閱 sizingMethod 屬性。
3、src: 可讀寫。字元串(String)。參閱 src 屬性。
說明:
在對象容器邊界內，在對象的背景和內容之間顯示一張圖片。並提供對此圖片的剪切和改變尺寸的操作。如果載入的是PNG格式，則0%-100%的透明度也被提供。
PNG格式的圖片的透明度不妨礙你選擇文本。也就是說，你可以選擇顯示在PNG格式的圖片完全透明區域後面的內容。這樣我們就可以完美兼容絕大多數的瀏覽器，實現用CSS讓背景圖片100%填充了。
『伍』 div+css如何把圖片設為背景
關於的div+css是前端基礎的問題，只要看看css手冊就能明白。下面是我根據問題簡單寫了個例子，不清楚的可以繼續交流。
css語法基礎：
實例效果圖代碼查看器中h1標簽元素使用css的background背景圖片，no-repeat為不平鋪。
有不清楚的繼續交流吧！
『陸』 CSS如何設置按鈕背景圖片
我也遇到過這個問題，看下面的：
..button{
background-image:url("***.jpg");
}
按鈕上不出現圖片
..button{
background-color:blue;
background-image:url("***.jpg");
}
這樣設置終於顯示背景圖片了
我就是這樣無意中發現的
『柒』 CSS樣式表控制背景圖片大小
可以通過background-size屬性來設定背景圖片的大小。它可以是像素（px）或者是百分比(%)，舉例說明：background-size:950px* 200px這表示把背景圖片大小調整為寬度950像素，高度200像素。
1、background-size的語法說明：
(1)屬性名:background-size
(2)屬性值:其中 bg-size = [|| auto ]{1,2} | cover |
contain
(3)初始值:auto auto
(4)應用於:所有元素
(5)繼承性:無
(6)百分比:後面會說明
(7)計算值:根據指定
2、代碼說明：
/* 一個值: 這個值指定圖片寬度，第二個值為auto */
background-size: auto
background-size: 50%
background-size: 3em
background-size: 12px
/* 兩個值: 第一個值指定圖片的寬度，第二個值指定圖片的高度 */
background-size: 50% auto
background-size: 3em 25%
background-size: auto 6px
background-size: auto auto
/*多重背景，用逗號隔開，在CSS語法中凡語法後跟*或者#，都是可以無限重復的，但必須用逗號隔開。 */
background-size: auto, auto /* 請區別於background-size: auto auto*/
background-size: 50%, 25%, 25%
background-size: 6px, auto, contain
background-size: inherit
(7)css背景圖片設置擴展閱讀：
背景重復：
如果需要在頁面上對背景圖像進行平鋪，可以使用background-repeat 屬性。
屬性值 repeat 導致圖像在水平垂直方向上都平鋪，就像以往背景圖像的通常做法一樣。repeat-x 和 repeat-y 分別導致圖像只在水平或垂直方向上重復，no-repeat 則不允許圖像在任何方向上平鋪。
背景圖像將從一個元素的左上角開始。如下：
body
{
background-image: url(/i/eg_bg_03.gif); background-repeat: repeat-y;
}
背景定位：
可以利用background-position 屬性改變圖像在背景中的位置。
下面的例子在 body 元素中將一個背景圖像居中放置：
body
{
background-image:url('/i/eg_bg_03.gif');
background-repeat:no-repeat; background-position:center;
}
為 background-position 屬性提供值有很多方法。首先，可以使用一些關鍵字：top、bottom、left、right 和 center。通常，這些關鍵字會成對出現，不過也不總是這樣。還可以使用長度值，如 100px 或 5cm，最後也可以使用百分數值。不同類型的值對於背景圖像的放置稍有差異。
『捌』 css中如何調整插入背景圖片的大小
可以通過cover和contain來對圖片進行伸縮。
語法：
background-size:auto;/* 默認值，不改變背景圖片的高度和寬度 */
background-size:100px 50px;/* 第一個值為寬，第二個值為高，當設置一個值時，將其作為圖片寬度來等比縮放 */
background-size:10%;/* 0％~100％之間的任何值，將背景圖片寬高按百分比顯示，當設置一個值的時候同也將其作為圖片寬度來等比縮放 */
background-size:cover;/* 將背景圖片等比縮放填滿整個容器 */
background-size:contain;/* 將背景圖片等比縮放至某一邊緊貼容器邊緣 */
(8)css背景圖片設置擴展閱讀：
CSS背景圖片自適應、全屏、填充、拉伸
方法一：js控制
<div id="formbackground" style="position:absolute; width:100%; height:100%; z-index:-1">
<img src="pictures/background.jpg" height="100%" width="100%"/>
</div>
<div id="formbackground" style="position:absolute; z-index:-1;"><img src="10.jpg" height="100%" width="100%"/></div>
<script type="text/javascript">
$(function(){
$('#formbackground').height($(window).height());
$('#formbackground').width($(window).width());
});
</script>
方法二：全瀏覽器兼容
.bg{
background:url(http://wyz.67ge.com/wp-content/uploads/qzlogo.jpg);
filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
-moz-background-size:100% 100%;
background-size:100% 100%;
}
『玖』 CSS中如何設拉伸背景圖片鋪滿屏幕
body{
background: url("image.png") no-repeat;
height:100%;
width:100%;
overflow: hidden;
background-size:cover;或者background-size:100%;
}
(9)css背景圖片設置擴展閱讀:
CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。 CSS 能夠對網頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字型大小樣式，擁有對網頁對象和模型樣式編輯的能力。
編程工具
記事本：使用Windows系統自帶的記事本可以編輯網頁。只需要在保存文檔時，以.html為後綴名進行保存即可。
Dreamweaver：它與Flash、Fireworks並稱網頁三劍客。Dreamweaver是集網頁製作和管理網站於一身的所見即所得網頁編輯器，它是第一套針對專業網頁設計師特別開發的視覺化網頁開發工具，利用它可以輕而易舉地製作出充滿動感的網頁。