如何動態地在javascript中重複使用x軸重複的圖像？

我有一個寬度爲1500px的背景圖片，並在x軸上重複。無論用戶的視口寬度如何，我都想動態調整此圖像的中心位置，以便圖像的中心始終位於屏幕的中間位置？如何動態地在javascript中重複使用x軸重複的圖像？

我該如何用JavaScript來實現這個目標？

2013-05-18 Matt

你不應該需要JavaScript來此，CSS將（或應該）做的很好：

background-position: center center; 
background-repeat: repeat-x;

該行將確保圖像在元素始終圍繞，而且它通過反覆啓動該元素的中心。 More info on background-position here。

2013-05-18 20:54:26 mattsven

這樣做也會在y軸上重複。確保你也使用'background-repeat：repeat-x;'來確保它只在x軸上重複。 – DavidVII

我認爲他已經在使用它，因爲他說它沿着x軸重複，但是非常好。 – mattsven

也許我誤解了這裏的問題，但我相信你可以用CSS來做到這一點。

.container { 
    background: url('path/to/image') repeat-x 50% 0; 
}

這是你的想法？

2013-05-18 20:55:00 DavidVII

回答