css透明度opacity
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,我们将及时处理。
微信扫码关注
更新实时通知