繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > RGBA颜色实现背景颜色透明而文字不透明
- CSS样式表
- CSS优先级规则的细节
- CSS失效，原来是和网页第一段代码有关
- 你真的了解CSS吗？你是属于哪个层次？
- 让样式表CSS代码更加专业规范
- 建议网页设计师用CSS制作网站导航菜单
- 简单学习css组合与CSS嵌套的写法
- CSS学习之css代码的简写的十条规则
- 条件CSS的介绍
- CSS教程:网页中多个样式表顺序问题
- CSS教程：网页版面设计无效的10个原因
- 页面重构工程师应该具有的技能和素质
- 选择正确DOCTYPE解决CSS在网页失效问题
- Opera中国的WEB标准课程
- 简单介绍Web Developer插件制作网页
- CSS布局带来的巨大影响:CSS display属性值
- 用div css模拟表格对角线
- IE Firefox在css中的差别 (部分)
- 不用js可以实现信息提示效果
- CSS解决未知高度的垂直水平居中自适应问题
- CSS cursor 属性 -- 鼠标指针样式效果
CSS样式表 中的 RGBA颜色实现背景颜色透明而文字不透明
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-28 浏览: 182 ::
收藏到网摘: 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不加快这里的步伐，很快就会输掉这个浏览器的战争...
评论 (0) All
