你不知道的CSS中背景圖片的定位問題

有三種：1.關鍵字 background-position: top left
2.像素 background-posiiton: 0px 0px
3.百分比 background-position:0% 0%

前兩種定位，是背景圖片左上角的原點放置在規定的位置

前兩種.png

第三種定位，是圖片本身的百分比點和背景區域的百分比點重合

第三種.png
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 選擇qi：是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性： color，font，text－align，li...
    wzhiq896閱讀 1,788評論 0贊 2
  • 選擇qi：是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性： color，font，text－align，li...
    love2013閱讀 2,327評論 0贊 11
  • 添加背景圖 用 background-image 屬性，在元素的背景中添加圖形。background-image屬...
    德育處主任閱讀 5,962評論 2贊 7
  • 1、垂直對齊 如果你用CSS，則你會有困惑：我該怎么垂直對齊容器中的元素？現在，利用CSS3的Transform，...
    kiddings閱讀 3,195評論 0贊 11
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案？ 參考答案 (1)瀏覽器兼容問題一：不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,786評論 1贊 92