<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>半透明实例</title>
<style>
.div-a{ background:url(1.jpg) no-repeat;width:230px;height:136px;padding:10px}
.div-b{ background:#000;width:200px;height:100px;padding:5px;color:#F00;
filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6}
</style>
</head>
<body>
<div class="div-a">
<div class="div-b">实现DIV半透明实例演示</div>
</div>
</body>
</html>
<html>
<head>
<meta charset="utf-8" />
<title>半透明实例</title>
<style>
.div-a{ background:url(1.jpg) no-repeat;width:230px;height:136px;padding:10px}
.div-b{ background:#000;width:200px;height:100px;padding:5px;color:#F00;
filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6}
</style>
</head>
<body>
<div class="div-a">
<div class="div-b">实现DIV半透明实例演示</div>
</div>
</body>
</html>
给个模板给你。1.jpg就是背景图片。filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6这段就是控制透明度的，60%的透明度。
追问谢谢 这样的话白色的字体也透明了呀，怎么决解呢
温馨提示：答案为网友推荐，仅供参考
第1个回答 2017-07-20
rgba或者opacity追问
可以说的更详细一点么，背景图片添加后，怎么添加有文字的这一层呢，谢谢
追答你是想在背景图片上在加透明的图文？
相似回答