Css 单独的png与过渡：不透明度：悬停状态-哪一个更好（效率）？
我有几个按钮，当用户悬停在上面时，我想让它们变暗。哪种方法更好（在浏览器兼容性方面更快、更高效、更安全）：Css 单独的png与过渡：不透明度：悬停状态-哪一个更好（效率）？,css,hover,png,css-transitions,opacity,Css,Hover,Png,Css Transitions,Opacity,我有几个按钮，当用户悬停在上面时，我想让它们变暗。哪种方法更好（在浏览器兼容性方面更快、更高效、更安全）： 创建两个单独的.png图像，一个普通图像悬停 使用transition:opacitycss属性 图像很小，每个大约600字节大（20x20 pxl），但拥有大约30个图像让我想知道哪种方法在速度效率和旧浏览器支持方面更好（但也不是为了取悦IE6）如果不透明度正在使图像变暗，请使用它 你说图像变暗？所以我假设u从较低的不透明度值开始，然后改变到较高的值。不透明度更像是pic剂量的透明度使其
transition:opacity图像很小，每个大约600字节大（20x20 pxl），但拥有大约30个图像让我想知道哪种方法在速度效率和旧浏览器支持方面更好（但也不是为了取悦IE6）如果不透明度正在使图像变暗，请使用它 你说图像变暗？所以我假设u从较低的不透明度值开始，然后改变到较高的值。不透明度更像是pic剂量的透明度使其变暗 如果不透明度不能提供所需的结果，您可以使用图像的悬停更改使用图像精灵，这样您就不必请求60个svg（30个svg，考虑到您使用2个图片的组合而不是一个图片） 我建议使用SVG过滤器可以提供更好的图像效果-