javascript - 悬停时放大图像但不放大容器

Question

我正在尝试寻找一种方法，当图像悬停时不放大表格。这是我的代码。谢谢

<script language="javascript" type="text/javascript">
    //opacity: 0.5, 
    $(document).ready(function () {
        $("#thServer img").hover(function () {
            $(this).stop().animate({ width: 70, height: 70 }, 100);
        }, function () {
            $(this).stop().animate({ width: 50, height: 50 }, 100);
        });
    });

</script>

<table style="border-style: solid">
    <tr>
        <th id="thServer">
            <img src="NewVersion.png" width="50" height="50"></img>
        </th>
    </tr>
    <tr>
        <td>
        </td>
    </tr>
</table>

Answer 1

试试这个 css snippet :

#thServer {
  width: 50px;   
  height: 50px;
  position: relative;    
}

#thServer img {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
}