opacity设置不透明度
opacity会将含有这个属性的子类都变成具有opacity属性，可以改变元素、元素内容、字标签的不透明度。而rgba只会改变设置的那个背景颜色的透明度效果
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
padding: 0;
margin: 0;
}
#hd{
width: 300px;
height: 300px;
background: #FF69B4;
position: absolute;
left: 0px;
top: 0px;
/*透明度*/
/*值在（0~1之间）值0是完全透明，1是完全不透明*/
/*正规浏览器（火狐等）用*/
opacity: 0.5;
这个是IE浏览器用的，透明度值在（0~100之间）
filter: alpha(opacity=55);
}
</style>
</head>
<body>
<h1>好好看的网</h1>
<div id="hd"></div>
</body>
</html>
总结：通过上面例子的效果来比较我们发现opacity会同时影响字体的透明度
原文链接：https://www.qiquanji.com/post/7435.html
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
微信扫码关注
更新实时通知