我正在制作一个项目，当时我有两个图像，一个放在另一个上面，我希望底部图像能够在鼠标移动到图像上时显示更多图像，我需要它逐个像素级别，我尝试创建X乘以1px乘1px的div，每个div共享相同的背景，但偏移背景的位置，所以顶部图像像素都是1px div，所以我可以在鼠标悬停时更改每个div的不透明度。尝试这个让我的浏览器停滞不前有很多div。
有没有办法可以做到这一点（不是在闪存中），但在某种程度上它可以在所有浏览器上运行得足够快，看起来很流畅，而浏览器没有停止运行？
答案 0 :(得分：0)
最适合的是Canvas元素。它并不是所有浏览器都支持的，只是真正的浏览器。 （Internet Explorer仅在版本9中添加了对Canvas的支持。）
在图像上使用绝对定位的画布，有人可以修改画布的alpha值，让底层图像“闪耀”。
非生产代码示例可能是这样（经过测试并在FF7中运行）： http://jsbin.com/uxizav/edit#preview