居中背景圖片？

Question

我不明白爲什麼我無法讓我的背景圖像定位到中心位置。

幫助？

Answer 1

您必須將html元素的高度設置爲100%才能使您的代碼正常工作。目前，您的身體的偏移高度爲0px。

html, body { 
    height: 100%; 
} 

爲未來的讀者：要居中的背景下，使用方法：
background-position: center center;

爲了保持背景在相同的位置，當用戶滾動，使用：
background-attachment: fixed;

見this page爲一個完整的參考。

Answer 2

設置background-position: 50% 50%並在html元素上設置height: 100%。高度是必不可少的，否則，背景會集中在錯誤的空間中。