Answer by Lahiru Pinto for Using SVG as background image
Check if the svg is a transparent design, try adding a background colour to container and check if it is visible for a different background colour.
View ArticleAnswer by mabdullahse for Using SVG as background image
Set Background svg with content/cart at center.login-container { justify-content: center; align-items: center; display: flex; height: 100vh; background-image: url(/assets/images/login-bg.svg);...
View ArticleClik here to view.
Answer by Alexey Nikonov for Using SVG as background image
With my solution you're able to get something similar:Here is bulletproff solution:Your html:<input class='calendarIcon'/>Your SVG:i used fa-calendar-alt(any IDE may open svg image as shown...
View ArticleAnswer by Ricardo Parker for Using SVG as background image
You have set a fixed width and height in your svg tag. This is probably the root of your problem. Try not removing those and set the width and height (if needed) using CSS instead.
View ArticleAnswer by Erik Dahlström for Using SVG as background image
You can try removing the width and height attributes on the svg root element, adding preserveAspectRatio="none" viewBox="0 0 1024 800" instead. It makes a difference in Opera at least, assuming you...
View ArticleAnswer by methodofaction for Using SVG as background image
Try placing it on your bodybody { height: 100%; background-image: url(../img/bg.svg); background-size:100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size:cover;}
View ArticleUsing SVG as background image
I can't seem to get this to work as desired. My page changes height based on what content is loaded and if it requires a scroll, the svg doesn't seem to be stretching...html { height: 100%;...
View Article