While trying to add a background image SVG on a page, it displays on Chrome and Firefox, but not on Safari. The entire <div> where the background-image is assigned to is completely taken out of the picture. See the screenshots below:

Post image

Page on Firefox and Chrome

Post image

Page on Safari: content completely disappears and nav bar meets footer.

Here’s my CSS:

.ad-content {background-image: url("/assets/media/Subtle-Prism.svg");}

Any ideas or suggestions on how to root this bug out? Thank you in advance!

Source link

Write A Comment