Hi all - I am using IFRAMES and loading content into them. However, I need the background to be transparent so the main image on the page is underneath the text in the HTML documents within the IFRAME. I have tried background-color="transparent" and it doesn't work. Anyone else come across this yet?
<!--content-->Have you tried making both <html> and <body> transparent?<br />
<br />
If not try it<br />
<br />
<style type="text/css"><br />
html, body {background:transparent;}<br />
</style><br />
<br />
If it doesn't work in browsers you are probably SOL.<br />
<br />
<object type="text/html"...> would be another option that is more likely to pick up the background, but browsersupport for including images like this is really bad.<br />
<br />
This page also shows a method that should theoretically be possible for you to apply (uning the same images as background) however IE is quite broken in it's CSS support of background images
<br />
<!-- m --><a class="postlink" href="http://www.meyerweb.com/eric/css/edge/complexspiral/demo.html">http://www.meyerweb.com/eric/css/edge/c ... /demo.html</a><!-- m --><!--content-->has an attribute called "allowTransparency". See<br />
<br />
<!-- m --><a class="postlink" href="http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/allowtransparency.asp">http://msdn.microsoft.com/workshop/auth ... arency.asp</a><!-- m --><br />
<br />
for more information.<br />
<br />
It is a Microsoft proprietary attribute.<br />
<br />
BTW, I don't think you want quotes around transparent. I believe it is a constant, not a string. In IE, the background-color of an object by default is transparent.<!--content-->
<!--content-->Have you tried making both <html> and <body> transparent?<br /><br />
If not try it<br />
<br />
<style type="text/css"><br />
html, body {background:transparent;}<br />
</style><br />
<br />
If it doesn't work in browsers you are probably SOL.<br />
<br />
<object type="text/html"...> would be another option that is more likely to pick up the background, but browsersupport for including images like this is really bad.<br />
<br />
This page also shows a method that should theoretically be possible for you to apply (uning the same images as background) however IE is quite broken in it's CSS support of background images
<br /><!-- m --><a class="postlink" href="http://www.meyerweb.com/eric/css/edge/complexspiral/demo.html">http://www.meyerweb.com/eric/css/edge/c ... /demo.html</a><!-- m --><!--content-->has an attribute called "allowTransparency". See<br />
<br />
<!-- m --><a class="postlink" href="http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/allowtransparency.asp">http://msdn.microsoft.com/workshop/auth ... arency.asp</a><!-- m --><br />
<br />
for more information.<br />
<br />
It is a Microsoft proprietary attribute.<br />
<br />
BTW, I don't think you want quotes around transparent. I believe it is a constant, not a string. In IE, the background-color of an object by default is transparent.<!--content-->