Question

css样式问题 我设置文本框为透明，但是文字却也成为透明的了，现在我想让文字显示，但文本框还是透明。

css样式问题 我设置文本框为透明，但是文字却也成为透明的了，现在我想让文字显示，但文本框还是透明。求大神解决下。

Answer 1

<style type="text/css">
.title-wall-box{
    width: 200px;
    height: 20px;
}
.title-wall-box span{
    display: block;
    width: 200px;
    height: 20px;
    opacity: 0.3;
    position: absolute;
    z-index: -1;
    top: 0px;
    left: 0px;
    background: #000;
}
.title-wall-box em{
    color: #fff;
}
</style>
<div class="title-wall-box">
    <span></span>
    <em>这是一段文字</em>
</div>

大概就这样子吧，不明白再问

追问

我是在文本框里面设的filter: Alpha(Opacity=0); opacity:0;，里面的字也是透明的。可以说说这是怎么回事吗？

追答

你把文本框设置透明了，那它下面的所有节点都会继承这个属性也跟着透明的

追问

哦哦。我已经弄出来了。谢谢

Answer 2

filter:alpha(opacity:20);
opactity:0.2;
各种浏览器不透明度的兼容性写法
文字颜色——color:red;