小編給大家分享一下css中背景固定樣式background-attachment屬性怎么用,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
創(chuàng)新互聯(lián)專注于企業(yè)網(wǎng)絡(luò)營銷推廣、網(wǎng)站重做改版、百色網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、H5高端網(wǎng)站建設(shè)、成都做商城網(wǎng)站、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù),價格優(yōu)惠性價比高,為百色等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
一、background-attachment屬性
在CSS中,使用背景附件屬性background-attachment可以設(shè)置背景圖像是隨對象滾動還是固定不動。
語法:
background-attachment:scroll/fixed;
說明:
background-attachment 屬性只有2個屬性值。scroll表示背景圖像隨對象滾動而滾動,是默認(rèn)選項(xiàng);fixed表示背景圖像固定在頁面不動,只有其他的內(nèi)容隨滾動條滾動。
舉例:
在瀏覽器預(yù)覽效果如下:
分析:
大家在瀏覽器中拖動右邊的滾動條會發(fā)現(xiàn),背景圖片在頁面固定不動。
在IE或者360中設(shè)置background-attachment之后不能設(shè)置background-position屬性,不然圖片沒辦法在瀏覽器顯示。
以上是“css中背景固定樣式background-attachment屬性怎么用”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!