小編給大家分享一下css中如何使用background-attachment屬性，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)公司于2013年成立，先為澧縣等服務建站，澧縣等地企業(yè)，進行企業(yè)商務咨詢服務。為澧縣企業(yè)網站制作PC+手機+微官網三網同步一站式服務解決您的所有建站問題。

css background-attachment屬性需要和background-image屬性一起使用，用來設置背景圖像是否固定或者隨著頁面的其余部分滾動。可設置：scroll（背景圖相對元素固定），fixed（背景圖相對于視口固定）、ocal（背景圖相對于元素內容固定）。

css background-attachment屬性怎么用？

background-attachment屬性需要和background-image屬性一起使用，用來設置背景圖像是否固定或者隨著頁面的其余部分滾動?？稍O置：scroll（背景圖相對元素固定），fixed（背景圖相對于視口固定）、ocal（背景圖相對于元素內容固定）。

作用：background-attachment 屬性設置背景圖像是否固定或者隨著頁面的其余部分滾動。

說明：

● scroll    默認值。背景圖像會隨著頁面其余部分的滾動而移動。

● fixed    當頁面的其余部分滾動時，背景圖像不會移動。

● loca     背景圖像相對于元素的內容固定。當元素的內容滾動時，背景圖像總是要跟著內容一起移動

● inherit    規(guī)定應該從父元素繼承 background-attachment 屬性的設置。

注釋：所有瀏覽器都支持 background-attachment 屬性。

css background-attachment屬性使用示例

圖像不會隨頁面的其余部分滾動。
圖像不會隨頁面的其余部分滾動。
圖像不會隨頁面的其余部分滾動。
圖像不會隨頁面的其余部分滾動。
圖像不會隨頁面的其余部分滾動。
圖像不會隨頁面的其余部分滾動。
圖像不會隨頁面的其余部分滾動。
圖像不會隨頁面的其余部分滾動。
圖像不會隨頁面的其余部分滾動。
圖像不會隨頁面的其余部分滾動。
圖像不會隨頁面的其余部分滾動。
圖像不會隨頁面的其余部分滾動。
圖像不會隨頁面的其余部分滾動。
圖像不會隨頁面的其余部分滾動。
圖像不會隨頁面的其余部分滾動。
圖像不會隨頁面的其余部分滾動。
圖像不會隨頁面的其余部分滾動。
圖像不會隨頁面的其余部分滾動。
圖像不會隨頁面的其余部分滾動。
圖像不會隨頁面的其余部分滾動。
圖像不會隨頁面的其余部分滾動。
圖像不會隨頁面的其余部分滾動。
圖像不會隨頁面的其余部分滾動。
圖像不會隨頁面的其余部分滾動。

以上是css中如何使用background-attachment屬性的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！