Tooltip with Semitransparent background but not text

[Vishal Dalsania]

Hello All,

I need to make tooltip background to semitransparent for that i have created the custom theme file and changed the
div.radtooltip_Default table.ToolTipWrapper td
{        
    padding: 0; margin: 0;
    border-collapse: collapse;
    background-color:Gray;
    filter:alpha(opacity=50);
    -moz-opacity:.50;
    opacity:.50;
}


By this it will make the background to semitransparent but the text of tooltip is also transrarent.

Now i needs to make the background to transparent but the text should be dark same as if without opacity changed.

i have also tried with

div.radtooltip_Default
{
    position: absolute;
    cursor: default;
    border: solid 1px #383838;
    background-color:Gray;
    filter:alpha(opacity=50);
    -moz-opacity:.50;
    opacity:.50;
}


so what portion of the css i need to change

Thanks

[Svetlina Anati]

Hi Vishal,

I already answered your other thread and for your convenience and for others who might have the same requirement I pasted my reply below:

Unfortunately you cannot achieve the desired appearance because of the way the CSS works concerning the opacity. The opacity setting cannot be overridden, it can be only inherited and that is why you cannot get the desired result. 

All the best,
Svetlina
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.