期权记-ETF期权开户导航 期权记是专业的50ETF300ETF期权开户投资交易导航

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,我们将及时处理。

微信扫码关注

更新实时通知

作者:期权小韭菜 分类:网页教程 浏览:
请先 登录 再评论,若不是会员请先 注册