CSS-3 RGBA的使用
2015-09-07 16:39
507 查看
由于IE-8及以下都不支持 RGBA(),所以往往大家都不用这个属性,而是用图层叠加的方式去实现我们想要的效果。因为 opacity 这个属性是会影响到子孙元素的。
例如:
RGBA在RGB的基础上多了控制alpha透明度的参数。以上R、G、B三个参数,正整数值的取值范围为:0 - 255。百分数值的取值范围为:0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A参数,取值在0~1之间,不可为负值。
参考网址A
例如:
<div class="bg-box"> <div class="bg"> </div> <div class="bg-content"> <p>我是bg的后代元素,我是模拟出来的颜色,我不会继承我的父级,因为我在兄弟节点在一起呀在一起!</p> </div> </div>
RGBA在RGB的基础上多了控制alpha透明度的参数。以上R、G、B三个参数,正整数值的取值范围为:0 - 255。百分数值的取值范围为:0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A参数,取值在0~1之间,不可为负值。
参考网址A
相关文章推荐
- mobile webiste 中的css的font-size em及line-height等换算
- [持续更新]CSS3学习笔记(二)渐变&圆角&阴影&变换&动画
- ie上 CSS3114: @font-face 未能完成 OpenType 嵌入权限检查。(包括图标无法显示)
- css3 阴影处理及兼容
- Axure样式编辑器与变量管理
- cssText 用法
- 彻底弄懂css中单位px和em,rem的区别
- css实现两端对齐的3种方法
- HTML + CSS短标题(二,三,四文字长度)两端对齐的方式
- css笔记
- CSS margin 属性
- CSS margin 属性
- CSS
- 【CSS】CSS 私家库
- js插件动态加载js、css解决方案
- CSS布局(一):display、position、flot
- css3实现文字溢出省略号(…)显示
- div上下左右居中
- 黄聪:TinyMCE 4 增强 添加样式、按钮、字体、下拉菜单和弹出式窗口
- css 选择器如何选择