css两种让div背景透明文案不透明的方式(opacity、rgba)
2016-10-24 10:40
495 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
.d1
{
/*opacity:0.3;*/
background-color: rgba(36,61,89,0.5);
width:500px;
height:500px;color:#F30;
}
.d2
{
position: fixed;
top: 0px;
font-size:32px;
font-weight:bold;
border: 1px yellow solid;
}
</style>
</head>
<body>
<div class="d1">
<p>不透明</p>
</div>
<!--<div class="d2"><p>不透明</p></div>-->
</body>
</html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
.d1
{
/*opacity:0.3;*/
background-color: rgba(36,61,89,0.5);
width:500px;
height:500px;color:#F30;
}
.d2
{
position: fixed;
top: 0px;
font-size:32px;
font-weight:bold;
border: 1px yellow solid;
}
</style>
</head>
<body>
<div class="d1">
<p>不透明</p>
</div>
<!--<div class="d2"><p>不透明</p></div>-->
</body>
</html>
相关文章推荐
- div+css 如何让背景层半透明 内容不透明 并且能兼容ie6,ie7,ie8,ff 【转】
- 透明-----css的filter,opacity与css3的background-color: rgba
- opacity的背景透明&background中rgba的背景色透明
- CSS实现背景透明,Opacity定义了有背景的盒子透明度,但里面的文字也跟着透明
- [置顶] DIV+CSS 实现背景透明,文字不透明
- div+css 如何让背景层半透明 内容不透明
- [置顶] css 背景透明,文字不透明,alpha滤镜,opacity,position:relative;
- opacity、rgb、rgba透明背景
- div+css使用backgroundRepeat样式设置背景图片的显示方式
- 使用RGBa和Filter实现不影响子元素的CSS透明背景
- CSS+DIV背景透明
- css 背景透明,文字不透明,alpha滤镜,opacity,position:relative;
- CSS让div背景透明
- 使用RGBa和Filter实现不影响子元素的CSS透明背景
- 设置div背景透明两种方法
- CSS设置透明的两种方式
- html 背景透明的两种方式
- div+css 如何让背景层半透明 内容不透明 并且能兼容ie6,ie7,ie8,ff
- js+css 使div背景图在ie6中透明
- 使用RGBa和Filter实现不影响子元素的CSS透明背景