Search code examples
webresponsive-imageswebsite-deployment

Same background image gets displayed multiple times on the webpage

I've build a simple web page which includes a background image in the body tag and the background-size is set to cover in css file.When i resize my chrome window the original image gets displayed adjacent to same image and so on just like a collage.How can i solve this issue?

Solution

  • Add following CSS code to your stylesheet

    background-repeat: no-repeat;