I’m using an image as a background with a gradient over top of it, filling the entire screen “behind” my survey. You can see a “border” around the image at the edges of the screen where the gradient isn’t covering the image. Is this due to having the image in one div and the gradient in a child div? What would be a good solution? I’ve read that the gradient has to be a separate div. Thanks!
https://codepen.io/CodeMoo/pen/gQVezZ
Hi there,
The gradient does not need to go in a separate div, which is most likely what is happening here. Just use the background property for the main section/div and set multiple layers on it, separated by a comma. Put the background image layer last.
HTH!
Steve
1 Like
After some tweaking, it’s perfect, thank you!
1 Like
Looking good, nice work!
1 Like