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