javascript - 悬停时放大图像

Question

<ul>
    <li><img /></li>
    <li><img /></li>
    <li><img /></li>
    <li><img /></li>
    <li><img /></li>
</ul>

它是一个水平列表，而不是垂直列表。

当我们将鼠标悬停在其中一张图像上时，如何放大它？

Answer 1

http://jsfiddle.net/pfuWr/

ul img:hover {
    width: 180px;
    height: 150px;
}

您需要一种解决方法来支持 IE6。

<小时/>

对于 IE6，您可以尝试将图像包装在 <a> 中，并执行以下操作:

ul a:hover > img{
    width: 180px;
    height: 150px;
}