PROYECTO INTRODUCCION INTERNET Css (opacidad) JEAN CARLOS MORALES 2009 - 2010
<ul><li>La opacidad en CSS sirve para definir lo opaco o transparente de un elemento en una página web.  </li></ul>Que es ...
-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 rea...
.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,saf...
-moz-opacity:0.5 este es para las versiones antiguas de Netscape y Mozilla -khtml-opacity: 0.5; y este es para las antigua...
Todo este codigo asegura que las transparencias de las etiqueteas que sometemos a este efecto se puedan visualizar con exi...
FIN GRACIAS
Upcoming SlideShare
Loading in...5
×

Presentacion opacity

506

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
506
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Presentacion opacity

  1. 1. PROYECTO INTRODUCCION INTERNET Css (opacidad) JEAN CARLOS MORALES 2009 - 2010
  2. 2. <ul><li>La opacidad en CSS sirve para definir lo opaco o transparente de un elemento en una página web. </li></ul>Que es la opacidad?
  3. 3. -Las transparencias son una de las cosas mas extrañas que son tratadas -Completamente diferentes en todos los browsers.
  4. 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. 5. .transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
  6. 6. Aquí la explicación para las transparencias:
  7. 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. 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. 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
  10. 10. FIN GRACIAS
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×