DA-G-GURU DA-G-GURU - 2 months ago 12
CSS Question

how can i repeat the background image of chain link fence

Trying to repeat this chain link fence down along the sides with a repeat-y, and I have another image also repeating just fine here... what am I doing wrong that this wont repeat?


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 Source

That's because your pattern file isn't correct. The pattern file has a really big white space around the pattern, and that white space is also "repeated".

Link to the pattern image from your own website

Therefore, you must remove such white space in a graphics editor, like Photoshop.