Discussion:
transparent png in front of Iframe - is this possible?
(too old to reply)
Pluda
2005-11-19 15:22:37 UTC
Permalink
Hello,

I'm not good at html..., but I want to make a kind of template where I have
one table and one Iframe with an html page to show. So far so good, I can do
this with no problem.

But I need to have one image (png, transparent) in front of the Iframe, so I
could have one background and the html page inside Iframe showing just in my
empty background image.

Is this possible? how can I make this work?

Thanks,
(_seb_)
2005-11-19 16:08:19 UTC
Permalink
Post by Pluda
Hello,
I'm not good at html..., but I want to make a kind of template where I have
one table and one Iframe with an html page to show. So far so good, I can do
this with no problem.
But I need to have one image (png, transparent) in front of the Iframe, so I
could have one background and the html page inside Iframe showing just in my
empty background image.
Is this possible? how can I make this work?
Thanks,
you want to cover your text with a transparent image?...
If yes, why?...
--
seb ( ---@webtrans1.com)
http://webtrans1.com | high-end web design
Downloads: Slide Show, Directory Browser, Mailing List
Gary White
2005-11-19 18:40:30 UTC
Permalink
On Sat, 19 Nov 2005 15:22:37 +0000 (UTC), "Pluda"
Post by Pluda
But I need to have one image (png, transparent) in front of the Iframe,
Is this possible?
No.

Gary
Pluda
2005-11-19 21:57:40 UTC
Permalink
Hello,

< you want to cover your text with a transparent image?...
If yes, why?... >

yes, ist a kind of mask I want to do, image has a fad out to the center, I
want the text to be masked.

< No. >

No, Gary? But I've seen this in some places... wouldn't it be html?

I usually work with flash, it is very easy to make such efect in flash, but
I'm trying to learn other program languages and I want to build my own blog in
html/css, I want my posts to be masked...

Thank you both for reply :-)
(_seb_)
2005-11-19 22:09:14 UTC
Permalink
Post by Pluda
Hello,
< you want to cover your text with a transparent image?...
If yes, why?... >
yes, ist a kind of mask I want to do, image has a fad out to the center, I
want the text to be masked.
< No. >
No, Gary? But I've seen this in some places... wouldn't it be html?
I usually work with flash, it is very easy to make such efect in flash, but
I'm trying to learn other program languages and I want to build my own blog in
html/css, I want my posts to be masked...
Thank you both for reply :-)
you can place a layer on top of your text (not on top of your iframe,
but in the file that loads in the iframe), and have a png with a fade to
transparent in this layer...
This will work in all browsers except IE, because IE does not support
png alpha transparency, so you'll need a fix for IE, for example:

http://homepage.ntlworld.com/bobosola/pngtestfixed.htm
--
seb ( ---@webtrans1.com)
http://webtrans1.com | high-end web design
Downloads: Slide Show, Directory Browser, Mailing List
Gary White
2005-11-19 23:53:05 UTC
Permalink
On Sat, 19 Nov 2005 21:57:40 +0000 (UTC), "Pluda"
Post by Pluda
No, Gary? But I've seen this in some places... wouldn't it be html?
As Seb says, you can place something in the page that loads into the
iframe, but you cannot do anything in the parent page to cover the
iframe.

Gary
Pluda
2005-11-20 18:44:57 UTC
Permalink
ah, ok, that is not good because making the mask in my loaded page will make my
mask scroll with that page.

I wanted to have one fixed mask, tryied with one layer but she always stays in
back of iframe.

I think I will have to redesign this :-(

Thanks for replyes :-)
juglesh
2005-11-20 21:35:30 UTC
Permalink
Post by Pluda
ah, ok, that is not good because making the mask in my loaded page will make my
mask scroll with that page.
I wanted to have one fixed mask, tryied with one layer but she always stays in
back of iframe.
I think I will have to redesign this :-(
Thanks for replyes :-)
Do you have to use an iframe? could you put that content into a div
with overflow:scroll?

<div style="overflow:scroll; width:400px; height:100px;
background-color:#00FFFF ">
stuff here, if it takes more vertical space than 100 pixels, it'll
scroll
</div>

Then put your png over the div. You got the memo about transparent
pngs right?
http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html
--
j
Loading...