如何调整背景图片的大小？

Question

I followed a tutorial about resizing background images on this link

How To: Resizeable Background Image

I was trying to edit it to work on div with width of 900px so it will resize only vertically and I have no idea how to make it work.

Any one can tell me how to do it as I want.

Thanks

Answer 1

Are you using the first, second or third approach?

Considering the third approach, it might simply work if you change width to height :

#img.source-image {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

In case this doesn't work, have a look at this question and this other question and experiment with your body height and DOCTYPE . You might also want to ask the same question on doctype.com .

Answer 2

Seems like this:

#yourDiv{
    background-size:cover}

But the compatibility is limited. Example here .