Background-size with SVG squished in IE9-10
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.
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