图像点击和悬停

-1

我想添加一个可点击的图像在我的HTML页面，不透明度，当我用鼠标悬停在图像上时，不透明度必须更改为0.（与：悬停）图像点击和悬停

我试过不同的方法，但没有一个工作..

任何人都可以给我的代码？

我发现了如何解决这个问题：

<html> 
<div id="yourdiv"> 
<a href="#"> 
<img src="images/yourimage.png" width="20" height="20" alt="..." /> 
</a> 
</div> 

</html> 

<style> 
#yourdiv img{ 
opacity:0.5; 
filter:alpha(opacity=50); /* For IE8 and earlier */ 
} 

#yourdiv img:hover{ 
opacity:1.0; 
filter:alpha(opacity=100); /* For IE8 and earlier */ 
} 

</style>

来源

2011-11-28 Hans de Vries

你试过？纯CSS或一些JavaScript。 – punit