Question

I have a background that looks like this :

As you can see it is not fully stretched. So I want it to be cover everything.

body {
    background-image: url("/site_media/resume/images/bg_main.jpg");
    background-color: #c7c7c7;
    background-repeat: repeat-x;
    font: 12px/20px;
    font-family: "lucida Sans Unicode" "Lucida Grande" sans-serif;
}

if I do

background-size: 100%;

i’m getting only dark green color everywhere.

Answer 1

try to use

background-size: cover; 

See MDN documentation

[…] cover, which specifies that the background image should be scaled to be as small as possible while ensuring both its dimensions are greater than or equal to the corresponding dimensions of the background positioning area.