css可以調(diào)透明度？
透明度怎么用css實(shí)現(xiàn)變化，厲害的大神，來一段代碼啊
R1tter
2016-10-17
4 回答
舉報(bào)
0/150
提交
取消
2016-10-17
/*注意兼容性問題*/
filter:alpha(opacity=50); /*IE*/
-moz-opacity:0.5; /*Firefox*/
opacity:0.5;/*其他*/
2016-10-17
上條回答錯(cuò)了。應(yīng)該是這樣
background:rgba(0,0,0,.3)
2016-10-17
background:rgba(255,255,255,.3)---255代表純黑，.3--代表透明度。
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實(shí)現(xiàn)：鼠標(biāo)滑過改變透明度</div>
</body>
</html>