add a background image in aspnet to cover the entire screen

June 2, 2022 June 2, 2022 / 1 minute of reading

You need to use <body> with background-size:

cover:

Scales the image as large as possible without stretching the image. If the proportions of the image differ from the element, it is cropped either vertically or horizontally so that no empty space remains.

body { 
    background-image: url(~/data/backgroundimage.jpg); 
    background-repeat:no-repeat; 
    background-size:cover; 
}

CLICK HERE to find out more related problems solutions.

Leave a Comment Cancel Reply