Question

CSS 背景颜色透明怎么弄

<li>
<img src="test.jpg" />
<div class=toumin>测试文字</div>
</li>
.toumin{ background:#1b1b1b;filter:alpha(opacity=50);opacity:0.5; position:absolute;}
背景颜色是透明了，但是文字也一起透明了，怎么弄只要颜色透明，文字不透明

Answer 1

这有个问题。首先用最单的办法是用CSS3 background-color:rgba(0,0,0,0.5);
但这个兼容性你懂的。第二种就是他们说的这样了。这会让里面的文字一起透明。所以。办法是用两个层叠起来。

Answer 2

外层div:
background-color: rgba(255, 255, 255, 0.9); /* 白色并且阿尔法通道是0.9*/
内层div:
background-color: #FFF; /*背景色是白色, 覆盖原来的颜色*/

Answer 3

<li>
    <img src="test.jpg" />
    <div class=toumin>
        <div class="text">测试文字</div>
    </div>
</li>
.toumin{  background:#1b1b1b;filter:alpha(opacity=50);opacity:0.5;  position:absolute; z-index:1;}
.text{position:relative; z-index:100;}

Answer 4

给div加一个透明的图片啊