调整表格行悬停时的图像大小

Question

当悬停在表格行上时，是否有更改下面的代码以展开图像？目前，当将鼠标悬停在独立图像上时，它会设置为重新调整大小。

//HTML

<tr>
<td><img class="bigpic" src="pic.png"></td>
<td>information</td>
<td>information</td>
<td>information</td>
</tr>

//CSS

.bigpic:hover {
    width: 45px;
    height: 55px;
}

Answer 1

试试这个：

tr:hover .bigpic {
    width: 45px;
    height: 55px;
}

因为hover sudo类已应用于表格行而bigpic是tr的后代，所以您所要做的就是为徘徊的死者添加规则行。

这样可以缩小整个行的大小，但它会让你的桌子变得丑陋。我建议在表格单元格中放置一个div并绝对定位图像。所以当你盘旋时它会“弹出”。

here is an example和an example of my suggestion about the div and pop out