新聞中心
小編給大家分享一下CSS中background-attachment屬性怎么用,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
CSSbackground-attachment是css軟件的一種屬性。屬性設置背景圖像是否固定或者隨著頁面的其余部分滾動,所有瀏覽器都支持。
CSSbackground-attachment定義和用法
background-attachment屬性設置背景圖像是否固定或者隨著頁面的其余部分滾動。
默認值:
scroll
繼承性:
no
版本:
CSS1
JavaScript語法:
object.style.backgroundAttachment="fixed"
如何設置固定的背景圖像:
body{background-image:url(bgimage.gif);background-attachment:fixed;}
瀏覽器支持編輯
所有瀏覽器都支持background-attachment屬性。
注釋:任何版本的InternetExplorer(包括IE8)都不支持屬性值"inherit"。
CSSbackground-attachment可能的值
值
描述
scroll
默認值。背景圖像會隨著頁面其余部分的滾動而移動。
fixed
當頁面的其余部分滾動時,背景圖像不會移動。
inherit
規(guī)定應該從父元素繼承background-attachment屬性的設置
TIY實例編輯
如何設置固定的背景圖像
本例演示如何設置固定的背景圖像。圖像不會隨著頁面的其他部分滾動。
body
{
background-image:url(/i/eg_bg_02.gif);
background-repeat:no-repeat;
background-attachment:fixed
}
1
圖像不會隨頁面的其余部分滾動。
圖像不會隨頁面的其余部分滾動。
圖像不會隨頁面的其余部分滾動。
圖像不會隨頁面的其余部分滾動。
圖像不會隨頁面的其余部分滾動。
圖像不會隨頁面的其余部分滾動。
圖像不會隨頁面的其余部分滾動。
圖像不會隨頁面的其余部分滾動。
圖像不會隨頁面的其余部分滾動。
圖像不會隨頁面的其余部分滾動。
圖像不會隨頁面的其余部分滾動。
圖像不會隨頁面的其余部分滾動。
以上是“CSS中background-attachment屬性怎么用”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
文章標題:CSS中background-attachment屬性怎么用-創(chuàng)新互聯(lián)
本文來源:http://fisionsoft.com.cn/article/ddchsc.html