Question

我用css 中的opacity 设置元素背景的透明度 后发现该元素的内容透明度也跟着变化 怎样取消该内容的透明度

Answer 1

用两个层重叠，一个文字，一个图片，其中一个层设置好position
<div style="width:200px; height:200px; overflow:hidden;">
<div style=" background:#000; width:200px; height:200px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;">
图图图图图</div>
<div style="position: relative; margin-top:-200px; color:#FFF;">
字</div>
</div>

要点：
overflow:hidden;
position: relative;
margin-top:-200px;

注意各容器的高宽

Answer 2

写2个层 一个用来作为背景设置为透明，一个是内容模块，设置z-idnex大于背景层

Answer 3

opacity是整个盒子中 所有 内容都随着透明的，

要想只背景设置透明度，可以用background:rgba(1.100.255,0.2)