div加了opcity之后，为什么连文字也半透明了？如何只让div半透明，文字正常显示呀？

Question

Answer 1

这里讲得很详细
http://www.cnblogs.com/PeunZh...

Answer 2

这就是opacity的特点，使元素透明，文字是元素的一部分，自然也透明了
答案我调整下，你用rgba:

background: rgba(0,0,0, 0.3)

Answer 3

opacity干掉

background: rgba(0,0,0,.5);

Answer 4

1 使用半透明背景色
2 使用伪元素

     .title-container{
            width: 100px;
            height: 50px;
            position: relative;
        }
        .title-container::before{
            content: '';
            width: 100%;
            height: 100%;
            display: block;
            /**
            background-color: rgba(0,0,0,.5);
            background-color: rgba(0,0,0,1);
            opacity: 0.5;
            **/
            position: absolute;
            left:0;
            right: 0;
            top:0;
            bottom:0;
        }
        
         <div class="title-container">
            <span>ABADE</span>
        </div>

Answer 5

你不要给DIV OPACITY 用DIV 的背景rgba比如background：rgba(0,0,0,.3)来实现你要的效果