在桌子上盘旋时不工作

Question

我将一个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%
}

Answer 1

悬停实际上正在发挥作用。尝试为background提供div颜色，您会看到它。

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

EXAMPLE HERE

Answer 2

你看不到悬停时会发生什么，因为你的p1类是空的。

尝试：

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

Answer 3

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

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