This is a migrated thread and some comments may be shown as answers.

Tooltip with Semitransparent background but not text

1 Answer 68 Views
ToolTip
This is a migrated thread and some comments may be shown as answers.
Vishal Dalsania
Top achievements
Rank 1
Vishal Dalsania asked on 27 Jan 2009, 12:38 PM
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



1 Answer, 1 is accepted

Sort by
0
Svetlina Anati
Telerik team
answered on 27 Jan 2009, 03:16 PM
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.
Tags
ToolTip
Asked by
Vishal Dalsania
Top achievements
Rank 1
Answers by
Svetlina Anati
Telerik team
Share this question
or