html - 我可以在没有第二张图像的情况下在悬停期间更改 html 图像的外观吗？

Question

有没有办法在我悬停光标时更改图标的外观(即对比度/亮度)，而不需要第二个图像文件(或不需要图像的隐藏部分)？

Answer 1

Here's some good information about image opacity and transparency with CSS .

因此，要制作不透明度为 50% 的图像，您可以这样做:

<img src="image.png" style="opacity: 0.5; filter: alpha(opacity=50)" />

opacity: 部分是 Firefox 的处理方式，它的值介于 0.0 和 1.0 之间。 filter:是IE的过滤方式，它是0到100之间的一个值。