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

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

方法很简单,也就是一句简单的颜色代码:

rgba(100,14,200,0.5)

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

标签: css, css3, html, rgb, 建站, 经验, 网络

已有 7 条评论

  1. css用opacity也可以啊

    1. Mike Mike

      那就不是CSS3了= =

      1. 陈宇恒 陈宇恒

        我又看了看,其实我以前也搜到过,但好像不能用……

        1. Mike Mike

          额,这货绝对比你alpha兼容得多

    2. 陈宇恒 陈宇恒

      果真如此 不过之前就是搜索不到 大侠就是厉害

  2. 啊,呵呵呵

    1. 陈宇恒 陈宇恒

      你真的放弃博客了么?网址都没写完整了!

添加新评论