css透明度opacity

时间：6年前阅读：6517

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

微信扫码关注

更新实时通知

css透明度opacity

网友评论