网页制作必知:初探CSS3的RGBA颜色

阿伟944299088

阿伟944299088

2016-02-19 19:46

下面图老师小编跟大家分享一个简单易学的网页制作必知:初探CSS3的RGBA颜色教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

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

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

展开更多 50%)
分享

猜你喜欢

网页制作必知:初探CSS3的RGBA颜色

Web开发
网页制作必知:初探CSS3的RGBA颜色

CSS3教程(10):CSS3 HSL声明设置颜色

Web开发
CSS3教程(10):CSS3 HSL声明设置颜色

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

CSS3系列教程:边框颜色

Web开发
CSS3系列教程:边框颜色

CSS3制作的精彩的网页实例教程

Web开发
CSS3制作的精彩的网页实例教程

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS3教程:在CSS中使用的颜色

Web开发
CSS3教程:在CSS中使用的颜色

CSS3教程(9):设置RGB颜色

Web开发
CSS3教程(9):设置RGB颜色

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

CSS清除浮动的三个方法

CSS清除浮动的三个方法

在爱情的起跑线上,谁先爱上谁谁就是最大的输家

在爱情的起跑线上,谁先爱上谁谁就是最大的输家
下拉加载更多内容 ↓