Latest web development tutorials

CSS background-image 屬性

實例

設置body元素的背景圖像：

body
{
background-image:url('paper.gif');
background-color:#cccccc;
}

嘗試一下»

標籤定義及使用說明

background-image屬性設置一個元素的背景圖像。

元素的背景是元素的總大小，包括填充和邊界（但不包括邊距）。

默認情況下，background-image放置在元素的左上角，並重複垂直和水平方向。

默認值: none
繼承: no
版本: CSS1
JavaScript 語法: objectobject.style.backgroundImage="url(stars.gif)"

瀏覽器支持

表格中的數字表示支持該屬性的第一個瀏覽器版本號。

緊跟在-webkit-, -ms- 或-moz- 前的數字為支持該前綴屬性的第一個瀏覽器版本號。

Property
background-image 1.0 4.0 1.0 1.0 3.5

注意 IE8和更早版本的瀏覽器不支持多個背景圖像在一個元素

注意 IE7和更早的版本不支持"繼承"的值。IE8需要定義！ DOCTYPE。 IE9支持"繼承"。

提示和註釋

Tip:務必設置背景色，如果圖像是不可用，將被使用。

屬性值

值 說明
url('URL') 圖像的URL
none 無圖像背景會顯示。 這是默認
inherit 指定背景圖像應該從父元素繼承

Examples

在線實例

多個背景圖片
本實例演示了文檔中多個背景圖像。

相關文章

CSS教程: CSS Background

CSS3教程: CSS3 Backgrounds