Ich versuch schon seit ner ganzen weile das hinzubekommen aber finde irgendwie keine vernünftige Lösung.
Ich möchte in einem Tooltip den Hintergrund Schwarz halbtransparent darstellen. Aber entweder es ist alles halbtransparent oder die Schrift ist Scharz und der hintergrund ganz transparent.
dazu möchte ich verwenden:
opacity : .3;
filter : alpha(opacity=30);
Mein eigentliches tooltip ist hier definiert
.tooltip { position: absolute; display: none; }
.content {
background-color : black;
border-top : 2px;
border-right : 2px;
border-bottom : 1px;
border-left : 1px;
padding : 2px;
color: #3C57A7;
font-size: 10px;
border-color : olive;
border-style : solid;
text-align : center;
}
Logischerweise wenn ich opacity in .tooltip definiere ist alles halbtransparent.
Hat jemand eine idee wie ich nur den Hintergrund Halbtransparent machen kann ohne dabei die Schrift die sich dann auf dem Hintergrund befindet mit durchsichtig zu machen?