背景圖片
指定背景圖像的同時可以再指定一個背景色。這往往是個好主意。在圖片沒加載出來或圖片有透明度時。
允許向任何元素應用背景圖像,可以是塊級元素也可以是行內元素。
背景定位
這裏要明確一個概念,原圖像,因爲背景圖片是可以重複的,一般是由原圖像向周圍重複。
背景定位的目標是原圖像,定位好原圖像再向四周重複。
在使用百分數值時,比如30%,20%,這個是要求原圖像的30%,20%和本元素的30%,20%對齊。
在使用長度值時,比如20px,30px,則是嚴格的對左對上偏移量。
關聯
通過使用屬性background-attachment,可以聲明原圖像相對於可視區是固定的(fixed),因此不會受滾動的影響。
還有原圖像的放置由可視區的大小確定,而不是由包含該圖像的元素 的大小(或在可視區中的位置)決定。當可視區發生變化時,背景的位置和大小也會發生變化。當然,這個背景只有在設置這個背景的元素內的區域可見。