Clear Background

**jamieoboth** · Dec 13th, 2002, 01:07 PM

Hi

I'm trying to make a clear background on my page. I'm doing this as I am using an Iframe to load the other pages into the main one, and want a 'background' image behind the Iframe. However, I have run into a problem. I cant get it to work.

Any ideas how to do it? I've tried using a CSS, and I'm sure this is the way to go, but I cant get it to work

Cheers in advance,

James

**msimmons** · Dec 13th, 2002, 02:16 PM

Not quite sure what you mean... you want the image to show through the iframe?

**jamieoboth** · Dec 13th, 2002, 02:18 PM

lol. damn. Why couldnt I have put it as simply as that? yup. Hit the nail right on the head

James

**msimmons** · Dec 13th, 2002, 02:22 PM

I don't think this is possible... as it is a seperate frame. (But I have done what has been concidered impossible many many times).
Is the data appearing in the iframe supposed to show? (I ask because I use iframes to do processing and when the app is live I just set display:none; in the style)

**jamieoboth** · Dec 13th, 2002, 02:26 PM

Yeh, I want the image to show through the iframe, but with the text on top, so that the image is almost like a watermarked image. I want to do it THIS way because it cuts down loading times on each page - I'm trying to keep each page as small as possible

James

**msimmons** · Dec 13th, 2002, 02:33 PM

try allowtransperancy="true"
http://msdn.microsoft.com/library/de...ansparency.asp

may be what you are looking for

**jamieoboth** · Dec 13th, 2002, 02:47 PM

hmm... I cant get it to work, but I'm sure its something that I'm mucking up.. do you mind taking a look at the site?

www.darkflight.com/Planned

thanks for your help,

James

**msimmons** · Dec 13th, 2002, 02:56 PM

I havent gone completely through it but what is it that you want to show through the iframes?

**jamieoboth** · Dec 13th, 2002, 02:58 PM

The code for the iframe and the image is this:

<iframe src="/Planned/main.htm" allowTransparency="true" name="content" scrolling="auto" height="100%" width="100%"><img src="images/blurr3.jpg" width="100%" height="100%"></iframe>

**msimmons** · Dec 13th, 2002, 03:07 PM

try changing
<BODY STYLE="background-color:" allowTransparency="true">
to
<BODY STYLE="background-color: transparent">
in main.htm

**jamieoboth** · Dec 13th, 2002, 03:11 PM

Nope.... the image still doesnt show through........ (Am I being a pain in the arse or what)

Lol.

Seriously, thanks a lot for your help

James

**jamieoboth** · Dec 13th, 2002, 03:26 PM

Any more ideas?

James

**msimmons** · Dec 13th, 2002, 03:29 PM

Sorry it took so long to respond... I kept getting "unable to find server" or whatever on VBF... let me check some more.

**msimmons** · Dec 13th, 2002, 03:33 PM

two ideas...
just for kicks try opening the iframe w/o the page to see if the image is showing.
<iframe allowTransparency="true" name="content" scrolling="auto" height="100%" width="100%"><img src="images/blurr3.jpg" width="100%" height="100%"></iframe>
or try taking out the allowtransparency from the iframe
<iframe src="/Planned/main.htm" name="content" scrolling="auto" height="100%" width="100%"><img src="images/blurr3.jpg" width="100%" height="100%"></iframe>

Michael

**jamieoboth** · Dec 13th, 2002, 03:40 PM

Neither of them display the image in the background....

Without the page loading, there's just a white background

**msimmons** · Dec 13th, 2002, 03:43 PM

why not just add the image to the background of main.htm?

**jamieoboth** · Dec 13th, 2002, 03:46 PM

I may end up having to do that

Its all down to loading times -

The more I put on each page, the longer it takes to load. If I keep just the one image on the background, it only has to load once. It also cuts down on the code needed to keep the image stationary in the background.

Thanks,

James

**msimmons** · Dec 13th, 2002, 03:48 PM

howabout adding the image to the background style of the iframe?

**jamieoboth** · Dec 13th, 2002, 03:50 PM

How would I do that..?

Sorry for the ignorance.... lol.... Not too good with Iframes at the best of times

**msimmons** · Dec 13th, 2002, 03:54 PM

no problem... sorry i didn;t post it at first

Code:

<iframe src="main.htm" allowTransparency="true" name="content" scrolling="auto" height="100%" width="100%" style="background-image: url(images/blurr3.jpg)"></iframe>

**jamieoboth** · Dec 13th, 2002, 03:56 PM

WOW cheers mate

you are DEFINITELY going in the credits - it worked

lol

Thankyou SO much

:

James
I

**msimmons** · Dec 13th, 2002, 03:58 PM

cool

sorry it took so long to get there

**jamieoboth** · Dec 13th, 2002, 03:59 PM

lol

's ok
I gotta go now, but I'll add ya in the morning

Cheers once again,

James

Thread: Clear Background

Thread Tools

Display

Clear Background

Posting Permissions