背景定位和背景固定

background-position
body{
      background-image:url('bgimage.gif');
      background-repeat:no-repeat;
      background-attachment:fixed;
      background-position:center;
}

top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
如果您僅規(guī)定了一個關(guān)鍵詞,那么第二個值將是"center"。

  • 默認(rèn)值:0% 0%
  • 我們常用負(fù)值來定位
background-attachment
    body{
      background-image:url('bgimage.gif');
      background-repeat:no-repeat;
      background-attachment:fixed;
      background-position:center;
}

scroll ?默認(rèn)值。背景圖像會隨著頁面其余部分的滾動而移動。
fixed ?當(dāng)頁面的其余部分滾動時,背景圖像不會移動。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 一、CSS入門 1、css選擇器 選擇器的作用是“用于確定(選定)要進(jìn)行樣式設(shè)定的標(biāo)簽(元素)”。 有若干種形式的...
    寵辱不驚丶?xì)q月靜好閱讀 1,617評論 0 6
  • 學(xué)會使用CSS選擇器熟記CSS樣式和外觀屬性熟練掌握CSS各種選擇器熟練掌握CSS各種選擇器熟練掌握CSS三種顯示...
    七彩小鹿閱讀 6,332評論 2 66
  • 1. 定義和用法 background是一個簡寫屬性,可以在一個聲明中設(shè)置所有的背景屬性,可設(shè)置的屬性如下: 這些...
    lightNate閱讀 4,407評論 2 9
  • day01-_起源和結(jié)構(gòu) 結(jié)構(gòu):Xhtml xml 表現(xiàn):CSS 行為:DOM ECMAScript 以上都屬于W...
    Sakura_明妃閱讀 1,229評論 0 1
  • 學(xué)習(xí)CSS的最佳網(wǎng)站沒有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,089評論 0 1