网页设计中半透明颜色使用css3实现

作者: 陈宇恒

时间: 2013-08-28

我在我的博客刚刚建立的时候写过一篇文章《RGB颜色代码规律》，在制作主题TraSquare时，由于用到了透明的div效果，我就发现原来写的这个规律根本不适用，上w3cschool也找不到怎么透明。

其实吧，我现在的首页里也有透明效果，方法也就是用photoshop做一个一像素的半透明png图片，用背景图片的方法加入，也就是半透明的背景色了。不过，要加入一个图片，总是有些不方便的，所以在制作TraSquare时，我就在百度知道上问了下，终于了解了半透明的方法。

方法很简单，也就是一句简单的颜色代码：

rgba(100,14,200,0.5)

前面的三个量定义的是颜色，也就是红绿蓝rgb三个颜色，最后一个量a是透明度，量是小数，从0到1之间的小数都可以，0代表完全透明，1代表不透明，中间的都是各种程度的半透明，不过如果最后一个a的值是0或1，那就不用rgba这比较麻烦的方法了。