【发布时间】：2011-10-30 19:19:06
【问题描述】：
我目前正在做一个项目，我有两张图片，一张放在另一张上面，我希望当鼠标在图片上移动时，底部的图片可以显示得更多，我需要它逐个像素级别，我尝试创建 X 乘 Y 数量的 div，每个 1px 乘 1px 共享相同的背景，但将背景偏移它们的位置，因此顶部图像像素每个都是 1px div，这样我就可以在鼠标悬停时更改每个 div 的不透明度。尝试这个让我的浏览器在这么多 div 中陷入停顿。
有没有一种方法可以让我做到这一点（不是在 Flash 中），但它可以在所有浏览器上运行得足够快，使其看起来很流畅，而且浏览器不会停止运行？
【问题讨论】：
标签： jquery browser image-manipulation opacitymask