CSS：如何重疊HTML背景重複圖塊？

Question

我正在創建一個皮膚到我的網站有金屬刷的外觀。
我希望金屬看起來水平無縫延伸。如果其中一小部分重複，則頁面看起來不完整，因爲背景圖像的左右邊緣之間存在明顯差異。所以相反，我認爲使左右邊緣有點透明，並使重複的圖塊重疊，這樣就可以創建無縫金屬背景的幻覺。但是，如何讓瓷磚重疊？

Answer 1

的元素現在可以在CSS3多背景圖片：

http://www.css3.info/preview/multiple-backgrounds/

這不會對所有的瀏覽器，但大多數新的。

也就是說，解決方案是真正創建一個適當的平鋪背景圖像。我使用的方法是在你的圖像編輯軟件打開，並複製它，所以它現在是一個更寬的圖像並排側：

+----------------------++---------------------+ 
    |      ||      | 
    |      ||      | 
    +----------------------++---------------------+ 

使用您的選擇（克隆工具，塗抹工具，畫筆等工具）將在中間相遇的兩端混合在一起，以便平滑過渡。完成後，複製右圖像的左半邊......

      +----------+ 
          |Copy this | 
    +----------------------+|----------|----------+ 
    |      ||   |   | 
    |      ||   |   | 
    +----------------------+|----------|----------+ 
          |   | 
          +----------+ 

而且將其移回左側的第一個圖像的：

+-----------+ 
    |paste here | 
    |-----------|----------++---------------------+ 
    |   |   ||      | 
    |   |   ||      | 
    |-----------|----------++---------------------+ 
    |   | 
    +-----------+ 

然後刪除您複製的右半您現在將留下適當的水平平鋪背景圖像。