26 Svg Not Loading In Chrome

Svgs not displaying in chrome. One page with svg charts rendered fine, but another one suddenly did not at all with the chrome change. I am using a svg as a background image in css on a main container div called.

By having the actual.svg extension, chrome seems to be caching it correctly and getting proper 304 not modified responses. I am using a svg as a background image in css on a main container div called “page” and the image is not showing in chrome for mac or windows 7 and 10. It seems to be working fine on chrome v54.

However, the spec is still in working draft mode, therefore, the browsers have not implemented that yet. Another svg i use for the main logo renders absolutely fine and they use the exact same code bar the file names/paths. Unfortunately, none of the svg images (save 1, the logo on the master page) are displaying in chrome, nothing shows, not the broken link image, nothing.

I understand that i have to set an image rule, but i’m not sure, if i did that correctly. Point the browser to the url of. It also renders just fine in normal browsers,.

This is optional but to work best, you need the svg image to be sized to under 256 square pixels (16 pixels by 16 pixels, but since svg are normally scalable, i recommend setting the height and width to both <=16px immediately before trying to use them as a 'favicon'. Skip to first unread message. It is displaying properly in safari and firefox, mac and windows and ie 10 and 11.