css可以调透明度？

源自：2-2 JS透明度动画

css可以调透明度？

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

提问者：R1tter 2016-10-17 09:42

个回答

晓峰123

2016-10-17 10:15:58

已采纳

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

1
活着干死了算

2016-10-17 14:43:57

上条回答错了。应该是这样
background:rgba(0,0,0,.3)

0
活着干死了算

2016-10-17 14:40:47

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

0
晓峰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>

0