html - 在桌子上悬停不起作用

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？

这里的例子

Answer 2

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

尝试：

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

Answer 3

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

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