Heim  >  Artikel  >  Web-Frontend  >  css3 RGBA 红色R+绿色G+蓝色B+Alpha通道_html/css_WEB-ITnose

css3 RGBA 红色R+绿色G+蓝色B+Alpha通道_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:26:461817Durchsuche

语法:
  R:红色值。正整数 | 百分数
  G:绿色值。正整数 | 百分数
  B:蓝色值。正整数| 百分数
  A:透明度。取值0~1之间
取值:
  :Hue(色调)。0(或360)表示红色,120表示绿色,当然可以取其他数值来确定其他颜色。
  :Saturation(饱和度),取值为0%到100%之间的值。
  :Lightness(亮度)。取值为0%到100% 之间值;
  :alpha(透明度)。取值在0到1之间。
例如:
  background: rgba(255,255,0,1);
兼容性问题处理:
  /* IE5 - 7 */
    filter: alpha(opacity=80);
  /* IE 8 */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /* Everyone else */
    opacity: 0.8;

  写法: background: rgba(255,255,0,0.8);
  第一种:前景色color
    color: rgba(255, 0, 0,0.5);
  第二种:边框色border-color
    border:5px solid rgba(255,0,0,0.5);
  第三种:字体的阴影色text-shadow
    text-shadow : 0 2px 1px rgba(255,0,0,0.3);
  第四种:改变边框阴影色
    box-shadow: 0 2px 2px rgba(255,0,0,0.6);

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn