W3Cschool
恭喜您成為首批注冊(cè)用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
在一個(gè)div元素中設(shè)置多個(gè)背景圖像(并指定他們的位置):
表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號(hào)。
緊跟在 -webkit-, -ms- 或 -moz- 前的數(shù)字為支持該前綴屬性的第一個(gè)瀏覽器版本號(hào)。
屬性 | |||||
---|---|---|---|---|---|
background | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
所有主要瀏覽器都支持background屬性。
注意IE8和更早版本不支持一個(gè)元素多個(gè)背景圖像。
注意 IE7和更早的版本不支持"繼承"的值。 IE8需要定義!DOCTYPE。 IE9支持"繼承"。
背景縮寫屬性可以在一個(gè)聲明中設(shè)置所有的背景屬性。
可以設(shè)置的屬性分別是:background-color, background-position, background-size, background-repeat, background-origin, background-clip, background-attachment,和background-image.
如果上述值缺少一個(gè),這不要緊,例如background:#FF0000 URL(smiley.gif);是允許的。
默認(rèn)值: | 請(qǐng)參閱單獨(dú)的屬性 |
---|---|
繼承: | no |
版本: | CSS1+ CSS3中的新的屬性 |
JavaScript 語法: | object object.style.background="red url(smiley.gif) top left no-repeat" |
background: [background-color] [background-image] [background-repeat]
[background-attachment] [background-position] / [ background-size]
[background-origin] [background-clip];
注:在CSS2.1規(guī)范中建議將background-size,background-origin,background-clip 單獨(dú)寫出來。另外,該規(guī)范只是為了代碼更加易讀,不影響最后的執(zhí)行效果。
值 | 說明 | CSS |
---|---|---|
background-color | 指定要使用的背景顏色 | 1 |
background-position | 指定背景圖像的位置 | 1 |
background-size | 指定背景圖片的大小 | 3 |
background-repeat | 指定如何重復(fù)背景圖像 | 1 |
background-origin | 指定背景圖像的定位區(qū)域 | 3 |
background-clip | 指定背景圖像的繪畫區(qū)域 | 3 |
background-attachment | 設(shè)置背景圖像是否固定或者隨著頁面的其余部分滾動(dòng)。 | 1 |
background-image | 指定要使用的一個(gè)或多個(gè)背景圖像 | 1 |
CSS 教程: CSS Background
CSS3 教程: CSS3 Backgrounds
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: