网页设计中半透明颜色使用css3实现
我在我的博客刚刚建立的时候写过一篇文章《RGB颜色代码规律》,在制作主题TraSquare时,由于用到了透明的div效果,我就发现原来写的这个规律根本不适用,上w3cschool也找不到怎么透明。
其实吧,我现在的首页里也有透明效果,方法也就是用photoshop做一个一像素的半透明png图片,用背景图片的方法加入,也就是半透明的背景色了。不过,要加入一个图片,总是有些不方便的,所以在制作TraSquare时,我就在百度知道上问了下,终于了解了半透明的方法。
方法很简单,也就是一句简单的颜色代码:
rgba(100,14,200,0.5)
前面的三个量定义的是颜色,也就是红绿蓝rgb三个颜色,最后一个量a是透明度,量是小数,从0到1之间的小数都可以,0代表完全透明,1代表不透明,中间的都是各种程度的半透明,不过如果最后一个a的值是0或1,那就不用rgba这比较麻烦的方法了。
啊,呵呵呵
你真的放弃博客了么?网址都没写完整了!
css用opacity也可以啊
果真如此 不过之前就是搜索不到 大侠就是厉害
那就不是CSS3了= =
我又看了看,其实我以前也搜到过,但好像不能用……
额,这货绝对比你alpha兼容得多