css - 我怎样才能重复铁丝网的背景图片

Question

尝试用 repeat-y 沿着两侧重复这个链环栅栏，我还有另一张图片在这里重复得很好......我做错了什么，这不会重复？

网站 http://www51.myfantasyleague.com/2017/home/32545#0

body {
    background-attachment: fixed;
    background-color: #1a1a1a;
    background-image: url("http://www.dagrafixdesigns.com/Images/2008/DA_2017/zCasey_25540/bars1.png"), 
                      url("http://dagrafixdesigns.com/Images/2008/DA_2017/zWB_17/bg_1.jpg");
    background-position: 50% 0%, center top;
    background-repeat: repeat-y, repeat;
    color: #ccc;
    font: 400 11pt "Oswald",sans-serif;
    height: 1200px;
    margin: 0 auto;
    width: 100%;
}

谢谢!

Answer 1

那是因为你的模式文件不正确。图案文件在图案周围有一个非常大的空白区域，而且那个空白区域也是“重复”的。

Link to the pattern image from your own website

因此，您必须在图形编辑器(如 Photoshop)中删除此类空白区域。