css背景透明子元素不透明
2013-11-27 18:02
309 查看
<head>
<meta charset="utf-8"/>
<style>
body{
position:relative;
}
#parent{
position:absolute;
top:50px;
left:50px;
background-color:red;
opacity:0.5;
filter:Alpha(opacity=50);/*IE+兼容*/
width:500px;
height:300px;
color:#fff;
}
#child{
position:absolute;
top:0px;
left:0px;
background-color:#000;
color:#fff;
width:200px;
height:100px;
}
</style>
</head>
<body>
<div id="parent">
父元素
<div id="child">
子元素
</div>
</div>
</body>注：opacity:0.1-1指-moz和webkit浏览器
filter:Alpha(opacity=50);/*IE+兼容*/ 在css中层就想ps中的图层，z-index值得大小就如ps中图层的上下位置
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 使用RGBa和Filter实现不影响子元素的CSS透明背景
- CSS元素背景透明
- 使用RGBa和Filter实现不影响子元素的CSS透明背景
- 谈谈CSS中的元素背景透明问题
- css 设置元素背景为透明
- 使用RGBa和Filter实现不影响子元素的CSS透明背景
- 元素背景透明的css设计
- css 设置元素背景为透明
- css实现纯文字内容元素透明背景（兼容IE6）
- css 背景透明 元素(标签)背景透明的css设计
- CSS设置元素背景透明，其内的文字不透明
- css两种让div背景透明文案不透明的方式（opacity、rgba）
- CSS通过RGBa将一个元素设置为透明效果
- CSS 元素透明
- 5. 背景半透明 元素不透明（兼容所有浏览器）
- 兼容性背景颜色半透明CSS代码（不影响内部子元素）
- CSS只改变背景透明度，不改变子元素透明度
- CSS实现背景透明，文字不透明（兼容各浏览器）
- CSS实现父元素半透明，子元素不透明
- CSS实现背景透明，文字不透明（兼容各浏览器）