Question

我想在我的html页面中添加一个可点击的图像，具有不透明度，当我将鼠标悬停在图像上时，不透明度必须更改为0.（使用：hover）

我尝试了不同的方法，但没有一种方法可以运作..

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

我发现了如何解决问题：

<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>

Answer 1

你有没有尝试过谷歌搜索你的问题？似乎不是这样......

http://www.webdesign.org/html-and-css/tutorials/images-with-hover-effects.9130.html

Div图像可点击并悬停

1 个答案: