首页 > WEB开发 > CSS

css 设置背景色透明的方法(图文)

css如何设置背景色透明,设置div背景为透明的?

下面介绍一下设置背景全透明的方法,为无色状态:

background: transparent;

或者background-color: transparent;

设置background的属性为transparent透明的状态就可以。

下面给出测试代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>设置背景全透明</title>

<style>
.bgcss{
	background: transparent;
}
</style>
</head>
<body>

 <div style="background-color:#ddd;">
 	text
 <div style="background-color:#abc;">设置背景透明前的效果<br><br>
	<div style="background-color:red;">red</div>
 </div>
  </div>
 <br>

<div style="background-color:#ddd;">
 	text
<div class="bgcss"> 设置背景透明后的效果<br><br>
	<div style="background-color:red;">red</div>
 </div>
</div>
</body>
</html> 

背景全透明的测试结果:

css 设置背景色透明的方法

来源:本站//作者:admin/更新时间:2013-12-22
相关文章
评论:
验证码:
匿名评论: