我想爲我的網站在我的身體背景上設置repeat-x，但背景寬度爲1024，因此在更寬的顯示屏上，圖像重新開始的行將定位在身體的右側，並可能可見。我的內容以身體寬800爲中心。我希望像重複背景那樣的「分裂」發生在身體的中心，它被內容隱藏。如何定位由背景重複造成的分割線
我相信這是可能的，有一些欺騙，其細節超出了我的新手設計和佈局技能。
解決方法：我使用Liquid Rescale GIMP插件（使用seam carving）將圖像拉伸至其原始大小的兩倍。它效果很好，現在我很開心，但這不是對這個問題的回答。
只是把風格：
background-position: 400px 0px;
這會從左側開始重複400像素（因此移動內容下的拆分）
我想是不是可以動態地做到這一點（不考慮屏幕大小），而不使用CSS表達式。我不知道瀏覽器支持的細節。一個快速的谷歌搜索把這個頁面作爲如何做到這一點的一個例子。
直截了當地做到這一點沒有任何CSS技巧或額外的標記是來修改圖像。將背景圖像居中：
background-position: top center;
...然後在編輯器中偏移實際圖像文件。在Photoshop中使用「濾鏡>>其他>>偏移」，並使用圖像寬度一半的水平值。同樣，在Gimp中使用Layer >> Transform >> Offset。
這不是您正在尋找的乾淨的CSS解決方案，但它是一個很好的實用修復程序。