Making a Background Image Stretch to its Parent Tag

I've got some markup that looks like this:

<asp:Panel runat="server" HorizontalAlign="Center">
    <img alt="" src="Background_Content.png" style="width:90%;" />
    Some Text
</asp:Panel>

I need to be able to have the text and the image tag overlap below the text like a background while also being able to "stack" more content below without messing with any absolute or relative positioning. The closest thing I could think of to describe this would be to use the CSS3 property background-size to stretch a background over the asp:Panel, but no browsers support CSS3. Is there any way to do this?

Thanks so much for your help!

-Zane Kaminski

Re: Making a Background Image Stretch to its Parent Tag

Anyone have any ideas? I'd really appreciate if someone could help. Thanks!

Re: Making a Background Image Stretch to its Parent Tag

I don't quite understand what you mean, but is it something like this?

<div id="testDiv" style="background-image:url(Images/YourImage.gif)">
testDiv content
</div>

NC...

Re: Making a Background Image Stretch to its Parent Tag

Yeah, pretty much. I just need to stretch the background image, and I don't think there's a way to do that with CSS2.1, so I have the image tag and I'm trying to fake a stretched background image. That's the difficult part.

Re: Making a Background Image Stretch to its Parent Tag

The example that I posted stretches completely across the page, at least it did for me.

NC...

Re: Making a Background Image Stretch to its Parent Tag

It doesn't stretch on Firefox, Opera, or IE. All it does is make one image in the corner, or if you set tiling on, tiles the image, not actually stretches it. Regardless, I have decided to simply do away with the image because it was causing so much trouble, but thanks anyway. -Zane Kaminski

Re: Making a Background Image Stretch to its Parent Tag

I have the same problem - with the background on a master page. Did you ever figure it out?

thanks!

Re: Making a Background Image Stretch to its Parent Tag

until css 3.0 support, the best you can do is design the image to repeat (tile). or you could use javascript to get the size of the div, and have the server generate an image that size.

Re: Making a Background Image Stretch to its Parent Tag

Thanks for the prompt reply - I'm a novice with Java script, you wouldn't happen to have an example would you?

thanks!

Re: Making a Background Image Stretch to its Parent Tag

style="background-image: url(images.jpg); background-size:100% 100%;"