做網(wǎng)站時(shí)想實(shí)現(xiàn)背景圖不動(dòng),上面的內(nèi)容動(dòng)的效果.網(wǎng)上搜一下,找到了一篇不錯(cuò)的文章
以下內(nèi)容均引入自background-attachment屬性進(jìn)階內(nèi)容:
前提是定義了background-image屬性，然后用background-attachment來(lái)指明背景圖的位置是固定于視口的，還是隨著包含塊移動(dòng)的。可簡(jiǎn)單理解為定義背景圖片隨滾動(dòng)軸的移動(dòng)方式。
取值:
scroll:默認(rèn)值,背景圖相對(duì)元素固定,背景隨頁(yè)面滾動(dòng)而移動(dòng),即背景和內(nèi)容綁定.
fixed:背景圖相對(duì)于視口固定,所以隨頁(yè)面滾動(dòng)背景不動(dòng),相當(dāng)于背景被設(shè)置在了body上.
local:背景圖相對(duì)于元素內(nèi)容固定.
inhert:繼承,規(guī)定應(yīng)該從父元素繼承 background-attachment 屬性的設(shè)置.
該屬性可以應(yīng)用于任何元素。
