Question

I have a client that is wanting to have jquery.colorbox and wants the background of that colorbox to be transparent, but text in the colorbox to not be. Also the colorbox is loading an iframe it is not inline. I could possibly make it inline, but I’d rather not if I can help it. Any help would be greatly appreciated.

I looked up online that in order to use it in an iframe I need ‘allowtransparency=”true” as one of the attributes and then style=”background-color:transparent” in the body, but I don’t know how to do this using colorbox. Is there a way to add attributes to a colorbox iframe?

Answer 1

Using the iframe essentially load a separate piece of html markup into the iframe. You can assign any styles rules you need to that markup, but I suspect you’ll have problems with transparency.

This isn’t a Colorbox issue, it’s more an issue with IE’s shaky support for transparency.

This Stackoverflow questions may help you grok the issue:
Transparent Iframe Body

All the best,

KJM