title: CSS - Background image stretch horizontally and repeat vertically?
body: <p>Using <code>background-size: cover</code> I am able to make the background stretch to fit the full width of the page.</p>
  
  <p>Using <code>repeat-y</code> I am able to make the background repeat or tile vertically, to the full height of the page.</p>
  
  <p>Is there any way to combine these two effects? Unfortunately they don't seem to work together (at least in Chrome). It appears that I can either stretch in both directions with <code>background-size: cover</code>, or not stretch in the x direction but repeat in the y direction.</p>
  
  <p>Edit: Using <code>background-size: 100% Npx</code> (where N is the height of the image) I can accomplish the above, but it skews the background image as it's only stretched in one direction. Is there a way to keep it scaling proportionally?</p>