Floating Iframe on image

okay guys so i made a theme and here's the out come

( i wont make it appear because its so big )

http://i.imgur.com/LyM41.png

but i want to put an i frame on the middle part like this

http://i.imgur.com/Fw6fP.png

w/ transparency but still the image is still there

so it will look like this

http://i.imgur.com/CUP1k.png

can any one help me with the code?

http://i.imgur.com/t9zrr.png

Hello, bit unsure of you're question. Are you trying to make the iframe transparent?

Haven't had much experience with iFrames, apart from embedding Google maps.

I assume you can style it like any other tag.

iframe
{
opacity:0.5;
}

If not, add a ID to the iframe: <iframe name='iframe1' id="myiframe" src="empty.htm" etc etc></iframe>

then:

#myiframe
{
opacity:0.5;
}

hello hi thanks for your help but im trying to align the iframe on top of the image, you can click the links provided so that you can see it,

Look up the Z-index property. They work a bit like Photoshop layers.

Look up the Z-index property. They work a bit like Photoshop layers.

what do you mean?