CSS學習7(顏色和背景)

背景圖片

指定背景圖像的同時可以再指定一個背景色。這往往是個好主意。在圖片沒加載出來或圖片有透明度時。
允許向任何元素應用背景圖像,可以是塊級元素也可以是行內元素。

背景定位

這裏要明確一個概念,原圖像,因爲背景圖片是可以重複的,一般是由原圖像向周圍重複。
背景定位的目標是原圖像,定位好原圖像再向四周重複。
在使用百分數值時,比如30%,20%,這個是要求原圖像的30%,20%和本元素的30%,20%對齊。
在使用長度值時,比如20px,30px,則是嚴格的對左對上偏移量。

關聯

通過使用屬性background-attachment,可以聲明原圖像相對於可視區是固定的(fixed),因此不會受滾動的影響。
還有原圖像的放置由可視區的大小確定,而不是由包含該圖像的元素 的大小(或在可視區中的位置)決定。當可視區發生變化時,背景的位置和大小也會發生變化。當然,這個背景只有在設置這個背景的元素內的區域可見。

發佈了128 篇原創文章 · 獲贊 6 · 訪問量 15萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章