怎样用css3操作透明度？

Posted 2023-05-18

比如想让一个div的透明度鼠标移入时从1变到0.5 透明度是运动的渐变 不是一下从1变到0.5 用css3能做到吗？

参考技术A .div
opacity:1;
transition:opacity 4s;


.div:hover
opacity:.05;
追问

你写这个不行啊

追答

看你用什么浏览器吧，老版本的IE是不行的。还有就是你要给div添加背景，不然纯白色的背景是看不出透明效果的。你可以吧代码贴上来看看！

IE中怎样用css设置图片半透明呢

/*兼容的透明层样式*/ .transparent40 filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; .transparent30 filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3; 兼容所有浏览器

参考技术A 可以经由过程滤镜来实现只有IE内核才支撑滤镜属性 参考技术B 有一种很好的方法。不用滤镜。