css可以调透明度？
来源：2-2 JS透明度动画
R1tter
2016-10-17 09:42
透明度怎么用css实现变化，厉害的大神，来一段代码啊
写回答
关注
4回答
-
- 晓峰123
- 2016-10-17 10:15:58
/*注意兼容性问题*/
filter:alpha(opacity=50); /*IE*/
-moz-opacity:0.5; /*Firefox*/
opacity:0.5;/*其他*/ -
- 活着干死了算
- 2016-10-17 14:43:57
上条回答错了。应该是这样
background:rgba(0,0,0,.3)
-
- 活着干死了算
- 2016-10-17 14:40:47
background:rgba(255,255,255,.3)---255代表纯黑，.3--代表透明度。
-
- 晓峰123
- 2016-10-17 10:11:15
<!DOCTYPE html>
<html>
<head>
<title>透明度</title>
<style type="text/css">
#test{
width:100px;
height:100px;
background-color:red;
}
#test:hover{
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}
</style>
</head>
<body>
<div id="test">CSS实现：鼠标滑过改变透明度</div>
</body>
</html>
JS动画效果
通过本课程JS动画的学习，从简单动画开始，逐步深入各种动画框架封装
113925 学习 · 1443 问题
相似问题