背景实现半透明的方法
<!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=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
.imgbox {
height: 200px;
width: 400px;
background: url(public/images/bg/0.jpg) no-repeat;
}
.box01 {
background: #FFFFFF;
height: 26px;
line-height: 26px;
filter: Alpha(Opacity=70);
overflow: hidden;
min-height:26px;
_height:20px;
font-size: 12px;
}
.box01 {
-moz-opacity:0.7;
opacity:0.7;
line-height: 26px;
height: 26px;
font-size: 12px;
}
.box02 {
line-height: 26px;
height: 26px;
text-align: center;
}
-->
</style>
</head>
<body>
<div class="imgbox">
<div class="box01">
<div class="box02">这里会呈现半透明效果</div>
</div>
</div>
</body>
</html>