DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局實例 >> 在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;  /*背景圖片在縱向的最下方顯示*/
}

 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved