使用CSS3将你的网站设计推向未来

1. rgba(200, 54, 54, 0.5);   
2. /* example: */  
3. background: rgba(200, 54, 54, 0.5);   
4. /* or */  
5. color: rgba(200, 54, 54, 0.5);  

        rgba(200, 54, 54, 0.5);
        /* example: */
        background: rgba(200, 54, 54, 0.5);
        /* or */
        color: rgba(200, 54, 54, 0.5);

The first three numbers refer to the red, green and blue color channels, and the final value refers to the alpha channel that produces the transparency effect.

Alternatively, with the opacity rule, the color can be specified as usual, with the opacity value set as a separate rule:

1. color: #000;   
2. opacity: 0.5;  

          color: #000;
          opacity: 0.5;

Supported in Firefox, Safari, Chrome, Opera (opacity) and IE7 (opacity, with fixes).

As used by: 24 Ways (RGBA).

See also:

• W3C Working Draft
• RGBA on CSS3.info
• Pure CSS Opacity

5. Custom Web Fonts with @Font-Face

There has always been a set of safe fonts that can be used on the Web, as you know: Arial, Helvetica, Verdana, Georgia, Comic Sans (ahem…), etc. Now the @font-face CSS3 rule allows fonts to be called from an online directory and used to display text in a whole new light. This does bring up issues of copyright, so there are only a handful of specific fonts that can be used for @font-face embedding.

The styling is put into practice like so:

1. @font-face {   
2. font-family:''Anivers'';   
3. src: url(''/images/Anivers.otf'') format(''opentype'');   
4. }  

        @font-face {
        font-family:''Anivers'';
        src: url(''/images/Anivers.otf'') format(''opentype'');
        }

The rest of the font family, containing secondary options, is then called

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!