Home › Forums › CSS › Responsive background image problem › Reply To: Responsive background image problem
Unless you’re using ie8, opera mini or an older android browser there shouldn’t be an issue with
height: calc(100vh - 143px);
Reviewing the code you posted, I noticed a couple of things:
background-image:url(‘../images/kaartpage3.png’); You have some “fancy” quotes in there, which is incorrect syntax… in fact, you don’t even need quotes in the url.
height: calc(100vh – 143px); The dash you have in calc is actually an em-dash, which is not correct, change it to a regular dash.
I’m not sure if those sytanx issues are due to how this site rendered your code, but when I copy and pasted your code into codepen and fixed those issues, the background image showed up…