如何避免圖像重複，同時將其設置爲我的網站的背景？

Question

我想設置一個可預覽的圖像作爲我的網站的背景。

現在，圖像文件總是帶有固定像素或大小。可以說我選擇的圖像是960x960像素。 但我的網頁可能有不同的尺寸，可能是尺寸比圖片大3倍。

如果我將該圖像設置爲背景，那麼通常它會重複（我知道如何阻止它，但這不是我想要的）。當它重複時，它會在它們相互連接的那一點形成條紋或陰影線。這意味着，在圖像加入點處，它會創建一個單獨的邊界（我希望你知道我的意思）看起來不好，用戶不喜歡它。

如何避免這種情況？

如何將背景圖像設置爲只有一張圖像，以便在背景上顯示許多圖像並不清晰。

作爲一個例子，這是我的背景圖片：

background-image:url(img/backgr.gif); 

Answer 1

兩種可能性：

1. 使用圖形程序，使其成爲無縫編輯您的圖片。看這裏：http://www.youtube.com/watch?v=NARVupW2ads
2. 使用background-size:cover;放大背景圖像，以便它自動覆蓋整個屏幕。

Answer 2

的背景圖像行之後有此行：

背景重複：不重複;