CSS color RGBA

30 de julio 2010 por SH | Categoría: HTML / CSS | No hay Comentarios Tamaño de fuente: AA AA


RGBA es una declaración incluida en el CSS en la forma en que los efectos de transparencia del color, y su sintaxis es la siguiente: 

  div (
    rgba ( 200 , 54 , 54 , 0.5 ) ; de fondo: rgba (200, 54, 54, 0,5);
 ) 
  Nos permite agregar un color transparente para el elemento.  Tal vez nos acostumbro usar la "opacidad", es muy fácil de usar, pero, la opacidad de todos los elementos secundarios se vuelven transparentes, y difíciles de resolver este problema. 
  Por RGBA, podemos establecer un elemento de transparencia, pero no afectará a sus elementos secundarios: 


  Declarar un color reservado 
  No todos los navegadores soportan RGBA, asi que si lo permite, podrá declarar un color reservado.  El color debe ser fiables - todos los navegadores soportan.  No es una declaración significa, sin el apoyo del navegador RGBA, no hay uso del color. 
  div (
    rgb ( 200 , 54 , 54 ) ; /* The Fallback */ de fondo: rgb (200, 54, 54); / * * El repliegue /
    rgba ( 200 , 54 , 54 , 0.5 ) ; de fondo: rgba (200, 54, 54, 0,5);
 ) </ Code> 
  Sin embargo, esta vía de escape, en algunas antigüedades en su navegador sigue siendo válido. 
  navegador RGBA apoyar el caso 
  Navegador, versión, sistema operativo   Resultados de los ensayos   Libertad de acción 
  Firefox 3.0.5 (OS X, Windows XP, Vista)   Apoyo   - 
  Firefox 2.0.0.18 (PC)   No se admite   Puro 
  Safari 4 (Vista previa para desarrolladores, Mac) 
  Apoyo   - 
  Safari 3.2.1 (PC)   Apoyo   - 
  Mobile Safari (iPhone)   Apoyo   - 
  Opera 9.6.1   No se admite   Puro 
  IE 5.5 (PC a través de IETester)   No se admite   Sin color 

  IE 6 (PC a través de IETester)   No se admite   Puro 
  IE 7   No se admite   Puro 
  IE 8 beta 2   No se admite   Puro 
  Google Chrome 1.0.154.43   Apoyo   - 
  Google Chrome 1.0.154.46 
  Apoyo   - 
  Netscape 4.8 (PC)   No se admite   No hay color 
  SeaMonkey 1.1.14   No se admite   Sin color 
  SeaMonkey 1.1.16   No se admite   Puro 
  SeaMonkey 2.0 beta3   Apoyo   - 

  Salida del sol 1.7.5   Apoyo   - 
  0.2.5 inoxidable   Apoyo   - 
  Flock 2.0.2   Apoyo   - 
  BlackBerry Storm navegador   Apoyo   Puro 
  Camino 1.6.6   No se admite 
  Puro 
  En el navegador IE escapar una mejor ruta 
  Debido a que el soporte de los navegadores IE comentarios condicionales, podemos abandonar el RGB y el uso de una propiedad CSS IE filtros para lograr el mismo efecto: 
  <!--[ If IE]>
 <style type="text/css">
 . Color-bloque (
 de fondo: transparente;
 filtro: progid: DXImageTransform.Microsoft.gradient (startColorstr = # 99000050, 99000050 endColorstr = #);
 zoom: 1;
 )
 </ Style>
 <! [Endif] -> 
 color RGBA se puede utilizar para la frontera, sin embargo, el apoyo a los diferentes navegadores para el borde de RGBA no es lo mismo, pero la única diferencia es, rincón de FF en la frontera, aparecen superpuestas, como la transparencia es de 0,4, a continuación, FF, cuatro un rincón de la transparencia se convertirá en 0,8, y el apoyo RGBA-FF navegadores no no va a suceder. 
  Reimpresión: css-tricks 
  Puestos relacionados / artículos 
  
  Deja tu comentario: 
   
  *  
  *  
   
  *  

                        	
  * 
  ↑ Arriba