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

Here’s the Firefox one (name redacted)

Post image

Safari: Nav bar meets footer, no content in between.

Here’s my CSS:

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

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

Source link

Write A Comment