我可以在没有第二张图片的情况下更改HTML图片的外观吗？

问题描述

当我悬停光标时，是否有办法改变图标的​​外观（即对比度/光度），而不需要第二个图像文件（或者不需要图像的隐藏部分）？ b $ b

解决方案

。

所以要制作一个不透明度为50％的图像，你需要这样做：

 < img src =image.pngstyle =opacity：0.5; filter：alpha（opacity = 50）/> 
  

不透明度：部分是Firefox如何操作它，它是一个值在0.0和1.0之间。 过滤器：是IE浏览器的功能，它是一个介于0到100之间的值。

Is there a way to change the appearance of an icon (ie. contrast / luminosity) when I hover the cursor, without requiring a second image file (or without requiring a hidden portion of the image)?

解决方案

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

So to make an image with opacity 50%, you'd do this:

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

The opacity: part is how Firefox does it, and it's a value between 0.0 and 1.0. filter: is how IE does it, and it's a value from 0 to 100.

这篇关于我可以在没有第二张图片的情况下更改HTML图片的外观吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！