css透明度opacity

时间:5年前   阅读:5355

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

微信扫码关注

更新实时通知

上一篇:期权新手最容易犯的几种错误,你中招了吗?

下一篇:实值认沽期权和虚值认沽期权有什么区别吗?

网友评论

请先 登录 再评论,若不是会员请先 注册