萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> 在div底部顯示背景圖片實現代碼

在div底部顯示背景圖片實現代碼

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;  /*背景圖片在縱向的最下方顯示*/
}

 

copyright © 萬盛學電腦網 all rights reserved