SlideShare una empresa de Scribd logo
1 de 10
PROYECTO INTRODUCCION INTERNET Css (opacidad) JEAN CARLOS MORALES 2009 - 2010
[object Object],Que es la opacidad?
-Las transparencias son una de las cosas mas extrañas que son tratadas -Completamente diferentes en todos los browsers.
-Para cubrir todas las necesidades hay que separa 4 sentencias css. -Afortunadamente ninguno interfiere con el otro en realidad, asi que no hay de que preocuparse si los usamos todos a la vez.
.transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
Aquí la explicación para las transparencias:
opacity: 0.5: es el mas importante, porque es el actual standar de css. Funciona en la mayoría de versiones de Firefox,safaru y opera. filter:alpha(opacity=50); Este es para que IE entienda la transparencia
-moz-opacity:0.5 este es para las versiones antiguas de Netscape y Mozilla -khtml-opacity: 0.5; y este es para las antiguas versiones de safari.
Todo este codigo asegura que las transparencias de las etiqueteas que sometemos a este efecto se puedan visualizar con exito en todos los navegadores. http://www.w3schools.com/Css/css_image_transparency.asp
FIN GRACIAS

Más contenido relacionado

Más de CW

Galapagos
GalapagosGalapagos
GalapagosCW
 
02 De Noviembre
02 De Noviembre02 De Noviembre
02 De NoviembreCW
 
mootools y sexyimages
mootools y sexyimagesmootools y sexyimages
mootools y sexyimagesCW
 
Entrevista Fernando Torres
Entrevista Fernando TorresEntrevista Fernando Torres
Entrevista Fernando TorresCW
 
Presentacion Hall Principal
Presentacion Hall PrincipalPresentacion Hall Principal
Presentacion Hall PrincipalCW
 
Presentacion Hall Principal
Presentacion Hall PrincipalPresentacion Hall Principal
Presentacion Hall PrincipalCW
 
Redes Sociales
Redes SocialesRedes Sociales
Redes SocialesCW
 
Documental Interactivo
Documental InteractivoDocumental Interactivo
Documental InteractivoCW
 
Documental Interactivo
Documental InteractivoDocumental Interactivo
Documental InteractivoCW
 

Más de CW (9)

Galapagos
GalapagosGalapagos
Galapagos
 
02 De Noviembre
02 De Noviembre02 De Noviembre
02 De Noviembre
 
mootools y sexyimages
mootools y sexyimagesmootools y sexyimages
mootools y sexyimages
 
Entrevista Fernando Torres
Entrevista Fernando TorresEntrevista Fernando Torres
Entrevista Fernando Torres
 
Presentacion Hall Principal
Presentacion Hall PrincipalPresentacion Hall Principal
Presentacion Hall Principal
 
Presentacion Hall Principal
Presentacion Hall PrincipalPresentacion Hall Principal
Presentacion Hall Principal
 
Redes Sociales
Redes SocialesRedes Sociales
Redes Sociales
 
Documental Interactivo
Documental InteractivoDocumental Interactivo
Documental Interactivo
 
Documental Interactivo
Documental InteractivoDocumental Interactivo
Documental Interactivo
 

Último

How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.FlorenciaCattelani
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxJorgeParada26
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosJhonJairoRodriguezCe
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21mariacbr99
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxFederico Castellari
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxAlan779941
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIhmpuellon
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanamcerpam
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estossgonzalezp1
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativanicho110
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...JohnRamos830530
 

Último (11)

How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 

Presentacion opacity

  • 1. PROYECTO INTRODUCCION INTERNET Css (opacidad) JEAN CARLOS MORALES 2009 - 2010
  • 2.
  • 3. -Las transparencias son una de las cosas mas extrañas que son tratadas -Completamente diferentes en todos los browsers.
  • 4. -Para cubrir todas las necesidades hay que separa 4 sentencias css. -Afortunadamente ninguno interfiere con el otro en realidad, asi que no hay de que preocuparse si los usamos todos a la vez.
  • 5. .transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
  • 6. Aquí la explicación para las transparencias:
  • 7. opacity: 0.5: es el mas importante, porque es el actual standar de css. Funciona en la mayoría de versiones de Firefox,safaru y opera. filter:alpha(opacity=50); Este es para que IE entienda la transparencia
  • 8. -moz-opacity:0.5 este es para las versiones antiguas de Netscape y Mozilla -khtml-opacity: 0.5; y este es para las antiguas versiones de safari.
  • 9. Todo este codigo asegura que las transparencias de las etiqueteas que sometemos a este efecto se puedan visualizar con exito en todos los navegadores. http://www.w3schools.com/Css/css_image_transparency.asp