在div底部顯示背景圖片實現(xiàn)代碼
發(fā)布時間:2013-08-15 15:56:12 作者:佚名
我要評論

div層背景圖片在底部顯示,貌似有很多的朋友都不會吧,下面為大家簡單介紹下具體的實現(xiàn)方法,感興趣的朋友可以參考下
下面代碼實現(xiàn)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; /*背景圖片在縱向的最下方顯示*/
}
相關文章
- 下面小編就為大家?guī)硪黄狣IV+CSS 清除浮動常用方法總結(jié)。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-05-06
- 對于頁面上的塊級元素,只須定寬及設置margin:auto 0;即可在垂直上居中,但對于浮動的元素垂直居中是無效的。那么我們?nèi)绾蝸硖幚磉@個問題呢,今天我們來探討下。2014-09-12
用clearfix:after消除css浮動解決外部div不能撐開問題
如果有一個DIV作為外部容器,內(nèi)部的DIV如果設置了float樣式,則外部的容器DIV因為內(nèi)部沒有clear,導致不能被撐開。使用clearfix:after,可以解決這個問題2014-06-16純CSS結(jié)合DIV實現(xiàn)的右側(cè)底部簡潔懸浮效果
右側(cè)浮動效果,最早有QQ聯(lián)系面板,對聯(lián)廣告等,大多數(shù)都是基于Javascript實現(xiàn)的動態(tài)效果,今天我給大家分享一個只需要CSS結(jié)合DIV實現(xiàn)的右側(cè)浮動效果2014-09-10- 控制DIV永遠固定在頁面底部的方法有很多,基本上都是通過css或js來實現(xiàn)的,本節(jié)也實現(xiàn)了一個這樣的效果,大家可以學習下2014-06-03
- 將div層固定顯示在頁面底部,在某些情況下還是很實用的,在本文為大家介紹下使用css是如何實現(xiàn)的,需要的碰可以參考下2013-11-20
- 如果你的div的高度是100px;那么你應該把行高設置成170左右,那么在IE6下就會出現(xiàn)div高度加倍的現(xiàn)象,解決的方法是在div的css樣式里面加上overflow:hidden2013-06-06
- 在頁面底部浮動功能是如何實現(xiàn)的呢?下面小編給大家?guī)韉iv始終浮動在頁面底部的關鍵代碼,非常不錯,具有參考借鑒價值,感興趣的朋友一起學習吧2016-08-30