我现在正在做一个项目，我有两个图像，一个放在另一个的上面，我希望底部的图像在鼠标移动到图像上时能显示得更多，我需要它在逐像素的级别上，我试着创建X乘Y数量的div，每个div都是1px乘1px，共享相同的背景，但是通过它们的位置来偏移背景，因此顶部图像像素都是1px的div，这样我就可以在鼠标悬停时更改每个div的不透明度。尝试这样做会让我的浏览器陷入停顿，因为有这么多div。
有没有一种方法可以让我做到这一点(不是在闪存中(，但在某种程度上，它可以在所有浏览器上快速工作，使其看起来流畅，而不会让浏览器陷入停顿？
最合适的是Canvas元素。但并不是所有浏览器都支持它，只有真正的浏览器才支持。(Internet Explorer仅在版本9中添加了对Canvas的支持(。
在图像上使用一个绝对定位的画布，有人可以修改画布的alpha值，让底层图像"发光"。
一个非生产代码示例可能是这样的(在FF7中测试并工作(：http://jsbin.com/uxizav/edit#preview