CODEWITHSUNDEEP
htmliframecanvas
Maosud
Maosud

Reputation: 19

Placing content over an iframe?

Please can anyone help me to put something over the iframe like div or canvas, my case is i have iframe from Photosynth.net, and i need to put like character over this iframe ?? and i use the z-index but still it's not working.

Upvotes: 1

Views: 18678

Answers (1)

Phrogz
Phrogz

Reputation: 303244

I have created a simple sample showing how to use CSS to position content over top of an iframe. It's just simple CSS layering:

<iframe src="http://phrogz.net/"></iframe>
<div id="over">HI MOM</div>

And then in your stylesheet:

iframe { width:100%; height:300px; border:3px groove #f00 }
#over { font-size:5em; position:absolute; top:20px; left:20px; z-index:2 }

Upvotes: 11

Related Questions