由于父级div使用了opacity设置透明度,使子级div也继承了透明度
我的解决方法是使用rgba,background-color:rgba(245,224,199,0.7),0.7是透明度,由于rgba是css3的属性,所以必须是支持css3的浏览器才能支持rgba
语法:
R:红色值。正整数 | 百分数
G:绿色值。正整数 | 百分数
B:蓝色值。正整数| 百分数
A:透明度。取值0~1之间
取值:
<length> :Hue(色调)。 0(或360)表示红色,120表示绿色,240表示蓝色,当然可取其他数值来确定其它颜色;
<percentage> :Saturation(饱和度)。 取值为0%到100%之间的值;
<percentage> :Lightness(亮度)。 取值为0%到100%之间的值;
<opacity> :alpha(透明度)。 取值在0到1之间;