时间:2016-01-22 07:30 来源: 我爱IT技术网 作者:佚名
本文所分享的知识点是【让div透明而里面的文字不透明的写法】，欢迎您喜欢我爱IT技术网所分享的教程、知识、经验或攻略，下面是详细的讲解。
让div透明而里面的文字不透明的写法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>让div透明 而里面的文字不透明的写法</title>
<style type="text/css">
.opacity{
width:244px;
height:183px;
background:#5b5858;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}
.text{
position:relative;
height:183px;
margin-top:-183px;
color:#FFFFFF;
}
</style>
</head>
<body>
<div class="opacity">透明的层透明的层透明的层透明的层透明的层透明的层透明的层透明的层透明的层透明的层透明的层</div>
<div class="text">这里是文字，显示的效果是透明的</div>
</body>
</html>
关于让div透明而里面的文字不透明的写法的相关讨论如下：
相关问题：html-css 中如何让一个DIV的背景色是透明的，但它...
答：html-css 中让一个DIV的背景色是透明的，但它的内容（文字图片之类的）不是透明的，这个的话，是可以通过设置2个div来实现的，第一个包裹着第二个div然后在设置相同的div宽高，在将第一个的opacity为0；代码如下： 我是测试文字 div{ widht:220p... >>详细
相关问题：div背景透明，上面一个div不透明，上面这个div的文...
答：这是常规背景加文字的写法:背景黑色透明0.7, 里面有一个黑色的div和文字 AAAAAAAA 由于css里父节点透明度会传递到子节点上,所以normalBox也透明了.看不到normalBox的黑色背景了, 如果要实现背景透明,文字不透明的话,需要使用定位,将背景和文字全... >>详细
相关问题：网页设计中，让div的背景不透明，div里面的内容不...
答：听说用滤镜可以实现，但我不建议用滤镜。 我的方法是： .silde { position:relative;}.pos { width:500px; height:500px; background:#000; opacity:0.7;}.nr { width:500px; height:500px; position:absolute; top:0; left:0;} //这是透明背景 ... >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-