22 octubre 2009
Archivos del blog
Solución a la transparencia PNG en IE 6 (II)
La transparencia PNG en IE 6 no funciona correctamente, pero podemos encontrar una solución a este problema con el hack que os voy a mostrar a continuación. Se puede usar con imágenes de fondo o para imágenes HTML en línea. Esta entrada es una ampliación de la expuesta anteriormente. Imágenes de fondo No puede ser … Lee más!
CSS3: Transparencia
Al igual que ya existía como aplicar transparencia, con CSS3 todo esto es más sencillo y estandar, usaremos doble background para aplicar transparencia a una caja de texto. Uno nos servirá para definir el color. El otro, para aplicar la transparencia, añadiendo un nuevo valor, que puede estar entre el 0 (transparente) y 1 (opaco). … Lee más!
Ejemplos con la transparencia CSS
Aunque esto ya no esté validado por los estándares, es una excelente forma de darle transparencia a nuestras imágenes con el uso de CSS. Os mostraremos algunos ejemplos aplicados a la transparencia en CSS: Ejemplo 1: Crear una imagen con transparencia Podemos aplicar transparencia a las imágenes de esta forma. Firefox usa la propiedad opacity:x … Lee más!
Tipos de transparencia en CSS
Cada navegador comparte un modo distinto para aplicar transparencia a un elemento, así que debemos conocer todos los tipos de transparencia existentes en CSS para que se apliquen en todos los navegadores por igual. Serían estos: filter:alpha(opacity=50); /* Internet Explorer */ -moz-opacity:0.5; /* Firefox, Netscape, Mozilla */ -khtml-opacity: 0.5; /* Khtml, version anterior de Safari … Lee más!
Solución a la transparencia PNG en IE 6 (II)
La transparencia PNG en IE 6 no funciona correctamente, pero podemos encontrar una solución a este problema con el hack que os voy a mostrar a continuación. Se puede usar con imágenes de fondo o para imágenes HTML en línea. Esta entrada es una ampliación de la expuesta anteriormente. Imágenes de fondo No puede ser … Lee más!
CSS3: Transparencia
Al igual que ya existía como aplicar transparencia, con CSS3 todo esto es más sencillo y estandar, usaremos doble background para aplicar transparencia a una caja de texto. Uno nos servirá para definir el color. El otro, para aplicar la transparencia, añadiendo un nuevo valor, que puede estar entre el 0 (transparente) y 1 (opaco). … Lee más!
Ejemplos con la transparencia CSS
Aunque esto ya no esté validado por los estándares, es una excelente forma de darle transparencia a nuestras imágenes con el uso de CSS. Os mostraremos algunos ejemplos aplicados a la transparencia en CSS: Ejemplo 1: Crear una imagen con transparencia Podemos aplicar transparencia a las imágenes de esta forma. Firefox usa la propiedad opacity:x … Lee más!
Tipos de transparencia en CSS
Cada navegador comparte un modo distinto para aplicar transparencia a un elemento, así que debemos conocer todos los tipos de transparencia existentes en CSS para que se apliquen en todos los navegadores por igual. Serían estos: filter:alpha(opacity=50); /* Internet Explorer */ -moz-opacity:0.5; /* Firefox, Netscape, Mozilla */ -khtml-opacity: 0.5; /* Khtml, version anterior de Safari … Lee más!
