Jump to content

Floating and transparent iframes


WindJackal
 Share

Recommended Posts

Hey, I've been working on a page the past few days and it requires an iframe that floats transparently on top of an image, is there anyway to do the position apart from position:absolute as that doesn't suit all resolutions. Any help much apreciated.Thanks in advance. :)For example, here is a failed attempt..

<style type="text/css">h2.content{position:absolute;right:239px;top:166px}</style></head><h2 class=content><iframe name=Iframe src=news.html frameborder=0 width=348 height=284></iframe></h2>

Link to comment
Share on other sites

Full code would have helped :) anyway, try using a div and put the image and iframe in it, set the div position to relative.

<head><style type="text/css">.content{position:relative;left:239px;top:166px}</style></head><div class=content><iframe style="position:absolute;z-index:2" name=Iframe src=news.html frameborder=0 width=348 height=284></iframe></h2><img style="position:absolute;z-index:1" src="http://www.google.co.uk/logos/mars06.gif" /></body></div>

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...