本文介绍了一种使用HTML和CSS实现图片透明度变化的方法。通过设置a标签内的img元素的滤镜效果，可以在鼠标悬停时改变图片的透明度，从而实现交互式的视觉效果。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style>
a img {
filter:alpha(opacity=100);/*CSS透明度滤镜*/
opacity:0.8;/*针对Mozilla浏览器CSS透明度滤镜*/
}
a:hover img {
filter:alpha(opacity=80);/*CSS透明度滤镜*/
opacity:1;/*针对Mozilla浏览器CSS透明度滤镜*/
}
</style>
</head>
<body>
<a href="#"><img src="images\skin\default\login\onebg.png"></a>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
