Printable View
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. :confused:
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 :eek:
Cheers in advance,
James
Not quite sure what you mean... you want the image to show through the iframe?
lol. damn. Why couldnt I have put it as simply as that? yup. Hit the nail right on the head :)
James
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)
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
try allowtransperancy="true"
http://msdn.microsoft.com/library/de...ansparency.asp
may be what you are looking for :)
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
I havent gone completely through it but what is it that you want to show through the iframes?
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>
try changing
<BODY STYLE="background-color:" allowTransparency="true">
to
<BODY STYLE="background-color: transparent">
in main.htm
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
Any more ideas? :confused: :confused: :confused: :confused: :confused: :confused: :confused:
James
Sorry it took so long to respond... I kept getting "unable to find server" or whatever on VBF... let me check some more.
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
Neither of them display the image in the background.... :(
Without the page loading, there's just a white background
why not just add the image to the background of main.htm?
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
howabout adding the image to the background style of the iframe?
How would I do that..?
Sorry for the ignorance.... lol.... Not too good with Iframes at the best of times
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>
WOW cheers mate :D
you are DEFINITELY going in the credits - it worked
lol
Thankyou SO much :D:D:D:D::D:D
James
I
cool :cool: sorry it took so long to get there :)
lol
's ok
I gotta go now, but I'll add ya in the morning
Cheers once again,
James