要是一个div是半透明的,里面的体怎么让他不透明?

Question

看这个图,背景图片颜色挺杂的,直接写字看不清,我就弄了个白底,可是这个文字也跟着透明了!!
我试着在里面加个p标签,把透明度改成1,也不管用,请问这个怎么弄呢?

        .shopname
        {
            background-color:white;
            font-weight:bolder;

            font-size:0.48rem;
            margin-left:0.17rem;
            float: left;
            filter:alpha(opacity=50);    /* IE */
            -moz-opacity:0.5;     /*其他小众*/
            -khtml-opacity: 0.5;    /*其他小众*/
            opacity: 0.5;     /* 火狐,遨游,QQ, */
        }

Answer 1

不要用opacity，用背景颜色，background-color：rgba(0,0,0,0.x)
0.x你自己选个透明度

Answer 2

考虑兼容性的话，内层用绝对定位吧

Answer 3

使用背景颜色，设置背景色RGBA
background:rgba(255,255,255,0.5);

Answer 4

两种方式：（1）opacity,会让里面的元素也透明
（2）background-color：rgba(0,0,0,0.x)只会背景透明

Answer 5

加一层蒙版，使用rgba设置蒙版div