当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > RGBA颜色实现背景颜色透明而文字不透明

CSS样式表
纯CSS制作级联菜单
DIV+CSS网页布局心得
CSS网页制作教程:网页内容换行控制
CSS的expression判断表达式设置input样式
网页制作经验:id与class的使用原则
CSS制作网页经验:清除网页浮动
CSS教程之内容设置的一些语法
CSS相关知识介绍
向你介绍丰富的CSS3 特性
CSS的书写有怎样的功能
让夜色中的灯火都变成点点桃心
CSS模块化如何实现?
css3教程:文字阴影解析
CSS Sprites网页图片整合方法
直接将HTML页面打印页面的设计
天涯论坛下面固定漂浮特效的做法
CSS教程之面向对象的CSS:OOCSS
CSS教程实例:关于网页的两列布局
Web开发与设计的 Cheet Sheet
Web标准不仅仅是不用表格的站点

CSS样式表 中的 RGBA颜色实现背景颜色透明而文字不透明


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 157 ::
收藏到网摘: n/a

一直以来,浏览器的透明一直无法实现 单纯的颜色透明,每次使用alpha后就会把透明的属性继承到子节点上。换句话说,很难实现背景颜色透明而文字不透明的效果,直到RGBA颜色的出现这一切将成为现实。

    实现这样的效果非常简单,设置颜色的时候我们使用标准的 rgba() 单位即可, 如rgba(255,0,0,0.4) 这样就出现了一个红色同时拥有alpha透明为0.4的颜色。

    经过测试 firefox 3.0 safari 3.2 opera 10都支持了rgba单位,很可惜的是我们的ie系列,包括ie8都还没有很好的支持. 如果ie不加快这里的步伐,很快就会输掉这个浏览器的战争...