1

テーブルの行にカーソルを合わせたときに画像を展開するために、以下のコードを変更する方法はありますか？現在、独立した画像にカーソルを合わせると、サイズが大きくなるように設定されています。 

//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;
}
4

1 に答える 1

3

これを試して：

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

hoversudoクラスはテーブル行に適用され、bigpicの子孫であるため、ホバーされた行の子孫のtrルールを追加するだけです。

ただし、これには行全体のサイズを変更するという欠点があり、テーブルが醜くなる可能性があります。テーブルセルにdivを配置し、画像を絶対的に配置することをお勧めします。ホバーすると行から「飛び出す」ようにします。

これがdivとpopoutについての私の提案の例と例です

于 2013-01-21T13:35:12.960 に答える