共用方式為


background-image

設定或擷取物件的背景影像。

語法

{ background-image: sLocation }

可能的值

sLocation

指定或接收下列其中一個值的字串:

none

預設值。下一個父元素的色彩,背景會透過該父元素顯示。

url(sUrl)

背景影像的位置,其中 sUrl 是絕對或相對 URL。

此屬性的預設值為 none。這不是繼承屬性。

備註

URL 會識別影像檔案。設定背景影像時,您可以設定在無法使用影像時所使用的背景色彩。當影像可以使用時,影像會與背景色彩重疊。

此屬性可利用 background 複合屬性,連同其他背景屬性一併設定。

範例

下列範例使用 background-image 屬性來指定背景的影像。此範例會呼叫內嵌 (全域) 樣式表,以顯示及隱藏背景影像:

<style>
    .setUrl  { background-image: url(sphere.jpg); }
    .loseUrl { background-image: url(none); }
</style>
</head>
<body>
<span style="font-size: 14;" onmouseover="this.className='setUrl'" onmouseout="this.className='loseUrl'">
. . . 
</span>

標準資訊

此屬性是在階層式樣式表 (CSS) 層級 1 (CSS1) (英文) 中定義。

適用於

A、ADDRESS、B、BIG、BLOCKQUOTE、BODY、BUTTON、CAPTION、CENTER、CITE、CODE、COL、COLGROUP、CUSTOM、DD、DEFAULTS、DFN、DIV、DL、DT、EM、FIELDSET、FORM、HN、HTML、I、IMG、INPUT TYPE=BUTTON、INPUT TYPE=CHECKBOX、INPUT TYPE=FILE、INPUT TYPE=IMAGE、INPUT TYPE=PASSWORD、INPUT TYPE=RADIO、INPUT TYPE=RESET、INPUT TYPE=SUBMIT、INPUT TYPE=TEXT、LI、OL、P、S、SPAN、SUB、TABLE、TBODY、TD、TFOOT、TH、THEAD、TR、TT、U、UL、VAR、XMP

請參閱

概念

background

background-color

background-position

background-repeat