在css中,共有如下幾個background屬性
| 屬性 | 描述 | CSS |
|---|---|---|
| background | 在一個聲明中設置所有的背景屬性。 | 1 |
| background-attachment | 設置背景圖像是否固定或者隨著頁面的其余部分滾動。 | 1 |
| background-color | 設置元素的背景顏色。 | 1 |
| background-image | 設置元素的背景圖像。 | 1 |
| background-position | 設置背景圖像的開始位置。 | 1 |
| background-repeat | 設置是否及如何重復背景圖像。 | 1 |
| background-clip | 規定背景的繪制區域。 | 3 |
| background-origin | 規定背景圖片的定位區域。 | 3 |
| background-size | 規定背景圖片的尺寸。 | 3 |
用來確定背景的裁剪區域。
引擎類型 Gecko Webkit Presto:
注:本屬性不支持IE6,7,8
一張圖看懂三個屬性值的區別:
cover: 把背景圖像擴展至足夠大,以使背景圖像完全覆蓋背景區域。
背景圖像的某些部分也許無法顯示在背景定位區域中。
contain :把圖像圖像擴展至最大尺寸,以使其寬度和高度完全適應內容區域。
新聞熱點
疑難解答