                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JS动画效果

css可以调透明度？

透明度怎么用css实现变化，厉害的大神，来一段代码啊

R1tter

2016-10-17

源自：JS动画效果 2-2

关注问题我要回答

1360

操作

收起

4 回答

晓峰123 回答被采纳 +3 积分
2016-10-17

/*注意兼容性问题*/
filter:alpha(opacity=50); /*IE*/
-moz-opacity:0.5; /*Firefox*/
opacity:0.5;/*其他*/

1 回复有任何疑惑可以回复我~

#1

R1tter 提问者

非常感谢！

2016-10-18 回复有任何疑惑可以回复我~

活着干死了算
2016-10-17

上条回答错了。应该是这样

background:rgba(0,0,0,.3)

0 回复有任何疑惑可以回复我~

活着干死了算
2016-10-17

background:rgba(255,255,255,.3)---255代表纯黑，.3--代表透明度。

0 回复有任何疑惑可以回复我~

晓峰123
2016-10-17

<!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>

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

参与学习 113926 人
解答问题 1443 个

通过本课程JS动画的学习，从简单动画开始，逐步深入各种动画框架封装

本课相似问答

1 回答改变透明度

1 回答透明度动画

1 回答透明度动画

1 回答为什么执行完后不能复原宽度，透明度可以。

2 回答透明度一直闪？

搜索更多本课相关问答

css可以调透明度？

我要回答关注问题

意见反馈帮助中心 APP下载