Background-size with SVG squished in IE9-10

by

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.

More Related Contents:

  1. SVG in img element proportions not respected in ie9
  2. img src SVG changing the styles with CSS
  3. Transparent text cut out of background
  4. SVG data image not working as a background-image in a pseudo element
  5. Remove IE10’s “clear field” X button on certain inputs?
  6. Inline SVG in CSS
  7. Why does order of transforms matter? rotate/scale doesn’t give the same result as scale/rotate
  8. SVG animation is not working on IE11
  9. CSS transparent curved shape with two rounded sides
  10. CSS background-size: cover + background-attachment: fixed clipping background images
  11. Is there a way to use SVG as content in a pseudo element ::before or ::after
  12. Gradients in Internet Explorer 9
  13. How to animate handwriting text on the web page using SVG?
  14. Specify an SVG as a background image and ALSO style the SVG in CSS?
  15. Outlining and partially filling an SVG Shape
  16. Can I change the fill color of an svg path with CSS?
  17. How to make a element expand or contract to its parent container?
  18. Deprecated SMIL SVG animation replaced with CSS or Web animations effects (hover, click)
  19. Media query not working in IE9
  20. Are CSS3 ::before and ::after pseudo elements supported by IE9 or not?
  21. :active css selector not working for IE8 and IE9
  22. How can I change the color of an ‘svg’ element?
  23. How to add animated gradient to an svg path?
  24. Transparent hollow or cut out shape in HTML
  25. CSS change d property of
  26. Fill only Half a star with SVG
  27. SVG Fill not being applied in FireFox
  28. Why is filter(drop-shadow) causing my SVG to disappear in Safari?
  29. Background color of tspan element
  30. Double curved shape

Leave a Comment