不透明是不是意味着 不透明 ??
特别是,我一直在 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! Tarzan Bundolo!</em><span
class="tooltiptext" style="left: 75px"
>Beware! The Albino Kills!
(and he ain't swingin' from no
consarned rubber BAND neither!)</span></span><!-- later text -->
( 旁白: 我不知道您的系统是否允许在结束角度之前拆分标签,但我似乎不会抱怨 - 加上 允许我控制我的行长度以获得更好的源代码易读性。)我尝试使用不透明度和其他字段属性,但我想我已经完成了很多选项。您可以提供的任何帮助都将 深深 赞赏。