Question

我无法找到此弹出窗口无效的原因。他认识到悬停在桌子上方，但它对弹出窗口没有影响。奇怪的是，当我将表的路径包含到.popup类时，他不会做任何事情，甚至不会修改跨度本身。我假设它与选择器有关，但路径在没有span.popup的情况下工作。我没有得到问题，因为空间意味着后代，但它以某种方式杀死整个选择。

<div id="center">
<tr id="name">
<td class="description">Name</td>
<td>Hulu</td>
<span class="popup">
    This should be the text in the popup.
</span>
</tr>
</div>

----------css

div#center tr.name:hover {
    background-color:   white;
}

div#center tr#name span.popup {
    display:            none;
}

div#center tr#name:hover span.popup {
    display:        block;
    background:     white;
    border-style:   solid;
    border-width:   1px;
    border-radius:  15px;
    position:       absolute;
    top:            45%;
    left:           550px;
    padding:        20px;
    width:          450px;
}

我会很高兴得到一些答案。

tonlap

Answer 1

没有表标签，你不能拥有tr标签。此外，您不能在tr中的td标记之外使用无关标记，以使它们有效。这些都没有得到承认。如果你将表格标签放在表格行和跨越td的范围内，那么它会或多或少地按照你的意愿运作。而不是以这种方式使用表格行，有什么理由不使用两个div？

我怎样才能使这个CSS Popup工作？

1 个答案: