工具提示:不透明是不是意味着OPAQUE?

时间:2016-04-09 04:57:00

标签: html css tooltip

不透明是不是意味着 不透明 ??

特别是,我一直在 HTML应用程序 编码中试用工具提示框。到目前为止,我已经使用了以下CSS代码:

/* Begin Tooltip Tomfoolery */
.tooltip {
    position: relative;
    display: inline;
    border-bottom: 2px solid magenta;
}
.tooltiptext {
    color: magenta;  background-color: yellow;
    text-align: justify;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    border-radius: 6px;
    padding: 5px 0 0 .25in;

    /* Position the tooltip */
    position: absolute;
    top: 100%;
    left: 200px;
    margin-left: -60px;
}

.tooltip:hover .tooltip  {
    visibility: visible;
    z-index: 0;
}
.tooltip:hover .tooltiptext  {
    visibility: visible; filter: alpha(opacity=100);
    z-index: 1;
}
/* -End- Tooltip Tomfoolery */

我的工具提示框没问题,但当我将鼠标悬停在 一个 工具提示标签上时,来自 邻居 <的文字/ em>工具提示标签会在所选标签的工具提示文本中不断出现,有时会使所请求的工具提示完全无法识别。工具提示标签之外的文字似乎已被充分涵盖。我已经格式化了我的工具提示标签 - 文本组合,如下所示:

 <span class="tooltip"><em>Tooltip LABEL</em
><span class="tooltiptext">Tooltip TEXT</span></span>

例证:

<!-- earlier text --><span
     class="tooltip"><em>Krigah!&nbsp; Tarzan Bundolo!</em><span
     class="tooltiptext" style="left: 75px"
           >Beware!&nbsp; The Albino Kills!
           (and he ain't swingin' from no
            consarned rubber BAND neither!)</span></span><!-- later text -->

旁白: 我不知道您的系统是否允许在结束角度之前拆分标签,但我似乎不会抱怨 - 加上 允许我控制我的行长度以获得更好的源代码易读性。)我尝试使用不透明度和其他字段属性,但我想我已经完成了很多选项。您可以提供的任何帮助都将 深深 赞赏。

0 个答案:

没有答案