2017-07-17 52 views
0

试图用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%; 

}

谢谢!

+0

您正在测试哪个浏览器? https://stackoverflow.com/questions/423172/can-i-have-multiple-background-images-using-css –

+0

firefox ...但在铬中显示相同...顶部围栏图像不重复下来 –

+2

你的围栏有1920x1080分辨率。我认为这很重要,对吧?削减不必要的高度。 – Huelfe

回答

2

这是因为你的模式文件不正确。图案文件在图案周围具有非常大的空白区域,并且该空白区域也是“重复的”。

Link to the pattern image from your own website

因此,您必须在图形编辑器删除这些空格,如Photoshop。

+0

解决了thx @victor –