Text with Opacity

[Anonymous]

Wow! Great product. I love thats its so customizable. I also loved the default translucence.

But now I realize that the text is translucent as well.

Is there any way to keep the background translucent, as in the default setting, but keep the text 100% opaque?

Thanks again for a great product.

[olly]

I'm not sure how easy that would be to achieve.

If it is possible it would be done by playing around with CSS classes for the BoxOver header and body. If there is a way it doesn't easily suggest itself to me. The problem is that I think the transluceny will be applied to any element inside the parent element (which has opacity specified) and if you then take away the opacity from the parent element and only apply it to a child element (inside the parent element) you won't be able to see the webpage underneath. The parent element in this case is the DIV which is the tooltip (this in turn has two divs inside it, one for the header and one for the body).

Although now that I think about it...The parent element is transparent by default (if it wasn't you wouldn't be able to see the page underneath). So ignore what I said above. You could do it, I think, by inserting another div into the header, making that translucent, using some CSS relative positioning and then putting text on top of that. That way the text would not be a child of the translucent div and will probably be solid.

Btw, I added some new features into the component yesterday if you're keen to take a look...