css中固定背景圖片怎么設置?用background-attachment屬性


css中固定背景圖片怎么設置?用background-attachment屬性,用英文小寫符號:連接background-attachment屬性的值即可,寫法如下:

background-attachment:fixed;

background-attachment屬性設置背景圖像是否固定或者隨著頁面的其余部分滾動。默認情況下,背景圖像會隨著頁面其余部分的滾動而移動,舉例如圖:

背景圖像會隨著頁面其余部分的滾動而移動圖示

添加了background-attachment:fixed;后,當頁面的其余部分滾動時,背景圖像不會移動,舉例如圖:

添加了background-attachment:fixed;后,當頁面的其余部分滾動時,背景圖像不會移動圖示

當你需要固定背景圖片時,只需要添加background-attachment:fixed;即可。

還有一個點網友們要注意,背景圖片并不是單個屬性存在的,首先你要設置background-image屬性,然后設置background-repeat屬性,如果你需要改變背景圖片的位置,才加上background-position屬性,如果你想要頁面的其余部分滾動時,背景圖像不會移動,還要加上background-attachment屬性。

但是這樣寫background屬性,會導致代碼太過于臃腫,不簡潔,下一節,我們學習簡寫background屬性,詳情點擊:《css中background屬性連寫/簡寫/縮寫的規則順序》。

轉載時需注明來源!首發:如樂建站之家;原文鏈接:
http://www.lmaocr.com/css/8079.html
如樂建站之家創始人——范如樂:

如樂建站之家創始人范如樂  聯系Q Q:349142701
  聯系微信:349142701
  聯系電話:13189611692

【如樂建站之家】由范如樂于2013年創建至今,立志于解決新手不會快速自己建網站的痛苦,讓你也能零基礎快速學會自己建網站!詳細教程點擊下圖:




熱門文章: