div層背景圖片在底部顯示,貌似有很多的朋友都不會吧,下面為大家簡單介紹下具體的實現方法,感興趣的朋友可以參考下
下面代碼實現div層背景圖片在底部顯示:
復制代碼
代碼如下:
div {
background:url(/images/bg.jpg) no-repeat fixed;
background-position-y:bottom;
}
代碼詳解:
復制代碼
代碼如下:
div {
background-image:url(/images/bg.jpg); /*設置div層的背景圖片*/
background-repeat:no-repeat; /*背景圖片不重復顯示*/
background-repeat:repeat; /*背景圖片橫向及縱向重復*/
background-repeat:repeat-x; /*背景圖片橫向重復*/
background-repeat:repeat-y; /*背景圖片縱向重復*/
background-attachment:fixed; /*固定背景圖片*/
background-attachment:scroll; /*滾動背景圖片*/
background-position-x:left; /*背景圖片在橫向的最左方顯示*/
background-position-x:right; /*背景圖片在橫向的最右方顯示*/
background-position-y:top; /*背景圖片在縱向的最上方顯示*/
background-position-y:bottom; /*背景圖片在縱向的最下方顯示*/
}