How to make iframe contents background transparent
Hi.... can anyone help, I have a page containing an iframe placeholder with the following code (ie in HTML cody (body)
<iframe name=head src=./trans-test.htm width=100% height=100%
scrolling=no frameborder=0 marginheight=0 marginwidth=0 allowtransparency="true"></iframe>
The ./trans-test.htm is a page that just has a line of text ie "hello world"
Is there a way I can get the text in the iframe to have a transparent background. I seem to just get the text with a white background
Re: How to make iframe contents background transparent
Hi Web-it,
I'd forget the
Quote:
allowtransparency="true"
bit.
When you create the page that appears within your root page as a placeholder, select both the page background and pasteboard backgrounds to no fill. Publish.
Re: How to make iframe contents background transparent
Quote:
Originally Posted by
Web-it
Hi.... can anyone help, I have a page containing an iframe placeholder with the following code (ie in HTML cody (body)
<iframe name=head src=./trans-test.htm width=100% height=100%
scrolling=no frameborder=0 marginheight=0 marginwidth=0 allowtransparency="true"></iframe>
The ./trans-test.htm is a page that just has a line of text ie "hello world"
Is there a way I can get the text in the iframe to have a transparent background. I seem to just get the text with a white background
Can you explain further why you need this?
If it is purely text, use a Text Area.
If you are needing to control it, place in a Layer and set as a pop-up.
If it is more than just text you could append the selection into an empty DIV using jQuery.
I have play with CSS code using background-color: transparent; & opacity: 0; to no benefit.
Acorn
Re: How to make iframe contents background transparent
Quote:
Originally Posted by
Egg Bramhill
Hi Web-it,
I'd forget the bit.
When you create the page that appears within your root page as a placeholder, select both the page background and pasteboard backgrounds to no fill. Publish.
Arh.. I didn't think to set the pasteboard background to no fill.... that works a treat now.... thanks so much for your help!!
Re: How to make iframe contents background transparent
Quote:
Originally Posted by
Acorn
Can you explain further why you need this?
If it is purely text, use a Text Area.
If you are needing to control it, place in a Layer and set as a pop-up.
If it is more than just text you could append the selection into an empty DIV using jQuery.
I have play with CSS code using background-color: transparent; & opacity: 0; to no benefit.
Acorn
Yes I didn't want to confuse my question.. but to explain a little further..
On the root page I have another Iframe placeholder that links to a full page slide show, I needed the second iframe to show a second text slide show overlaid on the first.
I need the timings of the 2 slideshows to be different, so that the text is out of sync with the underlying slideshow. (giving a randomness over time) I'll need to adjust the text content regularly so it's also easier to organize as a separate xara file.
I didn't realize that I needed to set the pasteboard (of the Iframe target) to transparent...now that's done it works just how I wanted it to.
Thanks very much for the reply... this forum is fantastic (especially for those of us head scratchers who have no knowledge of code)