<style>
*{ margin:0; padding:0;}
.box{position:relative;width:500px;height:500px; float:left;overflow:hidden;}
.transbox {width:100%;height:100%;background:red;position: absolute;left:0;top:0;filter:alpha
(opacity=10);-moz-opacity:0.1;opacity:0.1 z-index:200;}
.text{position: absolute;left:0;top:0;z-index:300;color:#000; }
</style>
</head>
<body>
<div class="box">
<div class="transbox"></div>
<div class="text">
我在网站搜索了好几天，没有找到解决答案！<br />
半透明的效果层，我会写的：<br />
.transbox {<br />
filter:alpha(opacity=62);<br />
-moz-opacity:0.62;<br />
opacity: 0.62;<br />
}<br />
这个是兼容所有的浏览器的写法，<br />
但是在这样一个定义的层上，写上文字，文字同时也继承他的属性！<br />
现在请教 怎么样控制里面文字的不透明呢！！！！！！</div>
<div>
