我有几个按钮，当用户将鼠标悬停时我想要变暗。哪种方法更好（更快，更高效，在浏览器兼容性方面更安全）：
创建2个单独的.png图像，一个正常的图像_hover
使用transition:opacity css属性。
图像很小，每个都很近。 600字节大（20x20像素），但有大约30个让我想知道哪种方法在速度效率方面更好，而老版浏览器支持（但不是试图取悦IE6）
答案 0 :(得分：0)
如果不透明度正在使您的图像变暗 -
你说变暗的图像？所以我假设你从较低的不透明度值开始，然后变成更高的东西。容量更像是pic-dosent变暗的透明度。
如果不透明度未达到预期效果，您可以使用悬停更改图像使用图像精灵，这样您就不必请求60 svg（30 svgs，考虑您使用2个图片而不是一个的组合） LINK for sprites
我建议使用SVG过滤器为您提供更好的图像效果 - Browser support