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

}

好了，div底部顯示背景圖片實現代碼內容就給大家介紹到這裡了。希望大家繼續關注我們的網站!

相關推薦：

CSS中id和class的區別和用法介紹