Html 完全隐藏表格标题并悬停显示

我想隐藏这样一种在显示时发生的方式：无，但如果我使用此属性，我无法在鼠标悬停时显示它； **当我的桌子没有处于悬停状态时，它们仍然是隐藏的，但仍然有我不想要的空白** 我试过使用像这样的页边空白顶部：-555px；在悬停边距顶部：0，但不起作用。

我不想要红色标记区域，但给定链接上的悬停状态对我来说是可以的。 请帮忙。

我建议不要为此使用额外的无用设备。您可以在标题上使用伪元素，因为它们似乎高度相关。请参见下面的示例：

.现有项目{ 背景颜色：绿色； } .现有项目表td{ 文本对齐：居中； 边框顶部：1px实心EAEA； } 带箭头的表th{ 位置：相对位置； } 表：带箭头的悬停时间：之后{ 内容：^； 位置：绝对位置； 左：10px； 排名：0； 颜色：红色； 字体大小：20px； } .leftname{ 右边框：1px实心EAEA； } 标题 姓名 字体 我加了一个职位：继承；在您的表中：将鼠标悬停在指针上，它就会工作； 您可以在这里尝试：

或

.现有项目{ 背景颜色：绿色； } .现有项目表td{ 文本对齐：居中； 边框顶部：1px实心EAEA； } 表：悬停指针{ 能见度：可见； 顶部：-10px； 左：20px； 职位：继承； } 表th.指针{ 颜色：红色； 可见性：隐藏； 字体大小：20px； 溢出：隐藏； 位置：绝对位置； 顶部：-20px； } .leftname{ 右边框：1px实心EAEA； } ^ 标题 姓名 字体

---

您是要隐藏孔表还是仅隐藏行？仅隐藏表的行表格的第一行我建议查看导航栏是如何隐藏的如果您隐藏th，您想在何时显示它？您想触发哪个事件？在悬停表格时，我想显示它的内容，我只想在悬停时隐藏^

<div class="existing_items">
<table cellspacing="0">
    <th class="pointer"colspan="2"><span>^</span></th>
    <tr><th class="" colspan="2">Title</th></tr>
    <tr><td class="leftname">name</td><td>name</td></tr>
    <tr><td class="leftname">type</td><td>type</td></tr>
</table>
</div>