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>
背景全透明的测试结果:

顶
踩
相关文章:
- 高端大气简约的表格式样实例_蓝色紫色table css 样式_
- html颜色代码表大全_HTML背景颜色代码_html字体颜色表
- resize 调节元素尺寸大小【CSS3.0参考手册】
- text-overflow 文本溢出显示省略标记【CSS3.0参考手册
- text-shadow 文字阴影及模糊效果【CSS3.0参考手册】
- Multiple backgrounds 多重背景图象【CSS3.0参考手册
- background-size 设置背景图片的大小【CSS3.0参考手
- background-clip 指定区域向外裁剪背景【CSS3.0参考手
- background-origin 指定区域显示背景【CSS3.0参考手册
- css z-index 失效 不好用 的解决方法




![box-shadow[css3.0参考手册]](/d/file/webkaifa/CSS/2012-11-09/67f47fb6ec0346889fbde7fd4dab0eef.jpg)