仅 CSS 工具提示问题

Question

一直在使用简单的纯 CSS 工具提示。

工作示例CSS:

.tip
{
    position:relative;
}
.tip span.tooltip
{
    display:none;
    background:#ff5112;
    border:1px solid #9C0;
}
.tip:hover span.tooltip
{
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center
}

html:

<span class="tip">
<table><tr>
<td>Working Tip</td><span class="tooltip">Tip</span>  
</tr></table>
</span>

不工作的例子:HTML:

<table><tr>
<span class="tip"><td>Not working TIP</td><span class="tooltip">Tip</span></span>
</tr></table>

还有一个 Live example

Answer 1

你的问题是表格元素 - 你不能有一个包装 的跨度。摆脱 table ，一切都会好起来的。