css父级div设置了透明度,子级也出现透明度的解决方法
2015-08-31 12:03
561 查看
由于父级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之间;
我的解决方法是使用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之间;
相关文章推荐
- CSS盒子模型
- CSS百分比定义高度
- 边框的css3样式
- CSS基本样式讲解
- CSS之float详解
- CSS绘制三角形
- CSS基础2
- 手机web——自适应网页设计(html/css控制)
- CSS入门基础知识
- Web前端从入门到精通-10 css简介——盒模型2
- CSS居中集合&图片视口最大化
- CSS选择器的特殊性和LOVE HA
- css3
- css3动画事件—webkitAnimationEnd与计时器time事件
- css3弹性盒布局
- 网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率,具体DIV CSS命名规则CSS命名大全内容如下:
- CSS3鼠标悬停图片动画
- CSS基础1
- [转载]Qt之鼠标样式
- css3盒布局取代float布局