实例代码如下：
<style>
*{margin:0;padding:0;list-style:none;}
img{border:1px solid #ccc}
.info li { padding:5px;width:144px;float:left}
.info li .img { padding:5px; border:1px solid #CBCBCB;display:block;}
.info li .img: ,.info li .img:visited {border:1px solid #CBCBCB;}
.info li .img:hover{border:1px solid #CBCBCB;background:#f0f0f0;filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8}
</style>
</head>
<body>
<div class=\"info\">
<ul>
<li><a href=\"#\" class=\"img\" ><img src=\"#\" /></a></li>
<li><a href=\"#\" class=\"img\" ><img src=\"#\" /></a></li>
<li><a href=\"#\" class=\"img\" ><img src=\"#\" /></a></li>
</ul>
</div>
大家可以参考 css3 opacity 属性
继续阅读与本文标签相同的文章
上一篇 :
优化你的 HTTPS，你需要这么做
-
微软建议企业客户卸载KB4520062累积更新
2026-05-14栏目： 教程
-
他让我国芯片研究停滞13年，还骗走11亿研发资金，现状如何？
2026-05-14栏目： 教程
-
健乐教学机器人可开展的教学实训内容
2026-05-14栏目： 教程
-
5G套餐曝光遭“吐槽”，iphone11受追捧，导致苹果11销量比较高
2026-05-14栏目： 教程
-
为什么修电脑的叫自己不要杀毒和清理垃圾？
2026-05-14栏目： 教程