cover = Scale the background image to be as large as possible so that the background area is completely covered by the background image. Some parts of the background image may not be in view within the background positioning area Basically it zooms in until the inner most edges are touching the side, which means … Read more
Be sure that your SVG has a width and height specified. If you’re generating it from Illustrator, ensure that the “Responsive” box is unchecked as this option removes width and height.
Unfortunately this is simply an artifact of how fixed positioning works in CSS and there is no way around it in pure CSS – you have to use Javascript. The reason this happens is due to the combination of background-attachment: fixed and background-size: cover. When you specify background-attachment: fixed it essentially causes the background-image to … Read more