Stretch an image in a div background

Question

I have a div with a background image - and I want it to stretch as the div itself stretches.

My CSS is like this:

.infobox-medium-text
{
    width: 473px;
    height: 208px;
    background: url(../../images/infobox/infobox-medium.png) top no-repeat;
    float:left;
}

where as a div receives the .infobox-medium-text class.

Thanks.

score 1 · Accepted Answer · edited May 23 '17 at 10:33

1

Have a look here: Stretch and scale a CSS image in the background - with CSS only

EDIT: If you want this technique to work on a div instead of the body, add position: relative; to the div's css.

edited May 23 '17 at 10:33

Community

1
1

answered Dec 16 '10 at 09:05

Spiny Norman

8,277
1
30
55

this is a background for a web site - I need just for one div. – Roman Dec 16 '10 at 09:47
Ah, right. Sorry about that. I would imagine that it should work with a `div` as well, if you use `position: relative` on your div. – Spiny Norman Dec 16 '10 at 09:50

Stretch an image in a div background

1 Answers1