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

在雨巷
  • 1k

图片描述
看这个图,背景图片颜色挺杂的,直接写字看不清,我就弄了个白底,可是这个文字也跟着透明了!!
我试着在里面加个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, */
        }
回复
阅读 3.7k
5 个回答

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

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

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

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

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

宣传栏