展开全部
原理就是制作两套样式,分别运32313133353236313431303231363533e59b9ee7ad9431333335303438用在鼠标放上和拿开的时候,比如楼下的同学说的:img {opacity:0.8;filter(alpha=80)}
img:hover {opacity:1;filter(alpha=100)}
但是用透明度的方法似乎没有变亮,变暗的效果。
建议可以在图片上加一个层来控制:html>
JS Bin#tabbox{ width: 300px; height: 300px; position: relative;}
.imgbg{width: 300px; height: 300px; top: 0; left: 0; position: absolute; background: #000; opacity:0;filter(alpha=0)}
.imgbg:hover{ opacity:0.5;filter(alpha=50)}
希望能帮到你!