1

これは私が作成したフィドルですhttp://jsfiddle.net/pAQTn/

画像にカーソルを合わせると、画像のサイズが 20% 拡大し、表に重なって表示されます。

画像を拡大すると同時にテーブルの寸法を拡大するにはどうすればよいですか。これが私のコードです。

<table border="1">
    <tr>
        <td>
            <img src="http://a1.mzstatic.com/us/r1000/095/Purple/v4/f3/ac/2f/f3ac2f01-fa54-2dd6-09fc-5cee611d42db/mzl.cakizdof.100x100-75.jpg" alt="Pulpit rock" width="100" height="100">
        </td>
        <td>
            <img src="http://a1.mzstatic.com/us/r1000/095/Purple/v4/f3/ac/2f/f3ac2f01-fa54-2dd6-09fc-5cee611d42db/mzl.cakizdof.100x100-75.jpg" alt="Pulpit rock" width="100" height="100">
        </td>
    </tr>
    <tr>
        <td>
            <img src="http://a1.mzstatic.com/us/r1000/095/Purple/v4/f3/ac/2f/f3ac2f01-fa54-2dd6-09fc-5cee611d42db/mzl.cakizdof.100x100-75.jpg" alt="Pulpit rock" width="100" height="100">
        </td>
        <td>
            <img src="http://a1.mzstatic.com/us/r1000/095/Purple/v4/f3/ac/2f/f3ac2f01-fa54-2dd6-09fc-5cee611d42db/mzl.cakizdof.100x100-75.jpg" alt="Pulpit rock" width="100" height="100">
        </td>
    </tr>
</table>

ここにCSSがあります

img:hover {
    border:1px solid #0000ff;
    width:120%;
    height:120%;
}
4

3 に答える 3

1

このように使用さ%れますpx

img:hover{
     border:1px solid #0000ff;
    width:120px;
    height:120px;
}

デモ

于 2013-07-05T07:36:23.393 に答える