RGBA颜色实现背景颜色透明而文字不透明

2016-02-19 23:30 9 1 收藏

下面是个RGBA颜色实现背景颜色透明而文字不透明教程，撑握了其技术要点，学起来就简单多了。赶紧跟着图老师小编一起来看看吧！

【 tulaoshi.com - Web开发】

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

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

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

来源:http://www.tulaoshi.com/n/20160219/1630067.html

上一篇：远离CSS BUG 尽量保持代码有语义
下一篇：支持Web标准在中国

看过《RGBA颜色实现背景颜色透明而文字不透明》的人还看了以下文章更多>>

Authorware实现图片背景透明

标签： Authorware 设计软件平面设计软件广告设计软件

们先来看一下，我们常用的课件制作软件中使导入的图片背景透明的一般方法。 1． Authorware 在Authorware中，我们对在显示图标中导入的图片设置背景透明的常用的方法是：双击选择工具，然后选择其中的透明（如图1）。这种方法非常简单，也很方便。但它的不足之处也是很明显的：我们看图1中的两张小动物的图片，这两幅图片原来...

取得一个透明颜色

标签：编程语言网络编程

起初看到半透明觉得太神奇了，嗬嗬，看了一下Java的Color用java弄个半透明，就是那么easy Color c = new Color(1,1,0,0.5f); 最后一个0.5f值得就是透明度！ Graphics g = .... g.setColor(c); 然后你画的所有东西都是半透明的了。

让Win8任务栏不透明

标签： windows系统

让Win8任务栏不透明先来看看效果对比吧：禁用任务栏半透明效果这是个仅几十KB大小的工具，只有一个作用那就是关闭/恢复Windows 8任务栏的半透明效果。非常简单的工具下载解压后双击运行，点击上面的Disable Taskbar Transparency即可取消任务栏半透明效果，无需重启系统，更改之后软件也可以关闭。...

Photoshop妙手回春之术-逆转不透明度

标签： PS PS教程

我前两天产生这个想法的时候向人提到过，被斥之为痴心妄想，差点放弃！如下图，我们要做的就是上面半透明的一层（大且复杂的一个水印）去掉，还原底图的原貌。（注：下面图层的运算实际上是RGB值的运算）这好比我们从一个地方走到另外一个地方，需要返回，最安全可靠的方法就是沿原路走回去。先看看我们是怎么走过...

Photoshop解析笔刷流量和不透明度的区别

标签： PS PS基础

近日，有人问我：PS画笔里面，流量和不透明度的区别到底在哪里，这个问题挺有意思的，然后我到网上搜了一下，讲得五花八门，云里雾里的。有的讲得是很正确的，但太抽象了。今天，我就这个问题展开一下。相关技巧教程推荐： Photoshop详细详细解析色彩模式和调色原理 Photoshop实例解析蒙版工具的使用技巧 Photoshop技巧教程：轻松掌握...

查看更多精彩>>