在桌子上悬停不起作用

【问题标题】：Hovering not working when in a table在桌子上悬停不起作用
【发布时间】：2013-06-20 10:28:18
【问题描述】：

我在表格单元格中放置了一个 Div 框，当它悬停在该单元格上时应该向上滑动。当我将鼠标悬停在它上面时，它什么也没做。我试过下面的代码没有成功。

我也尝试了 Javascript 的方式，但也没有用。

<td>
Product 1
<div id="p1" class="bottombox"></div></td>

.bodytable td #p1{
    bottom:-10px;
}
.bodytable td #p1:hover{
    bottom:-130px;
    width: 50%
}

【问题讨论】：

标签： html css html-table hover

【解决方案1】：

悬停确实有效。尝试为div 赋予background 颜色，您会看到它。

此外，如果您没有将 div 位置指定为absolute，那么bottom 属性将不会像这样工作。也许您想要margin-bottom 或padding-bottom？

EXAMPLE HERE

【讨论】：

【解决方案2】：

您无法看到悬停时发生的情况，因为您的 p1 类是空的。

试试：

<div id="p1" class="bottombox">Product 1</div>

【讨论】：

【解决方案3】：

这就是你要找的吗？它使用height 属性。 http://jsfiddle.net/vBdne/

如果你想隐藏隐藏，你会想要使用 javascript。

【讨论】：