CSS Transparencia cross-browser

La transparencia (CSS Transparency) es una de las propiedades más polémicas y que requieren un montón de propiedades y valores para asegurar la compatibilidad en todos los navegadores (cross-browser). Aunque, por lo menos cada línea para cada navegador no se interfieren las unas con las otras, si no que si usamos una propiedad indicada para … Lee más!

sin miniatura

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!

sin miniatura

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!

sin miniatura

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!

sin miniatura

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:

sin miniatura

Solución a la transparencia PNG en IE 6 (I)

Internet Explorer 6 tiene un gran fallo, no le gustan los PNG, así que tratará la transparencia de ellos (su punto más fuerte), como si no la tuvieran. Ha habido muchos fix y hacks por los siglos de los siglos, pero aquí te traemos otro que da resultado.

Pedro Corchero Murga

¿Qué es CSSBlog ES?

Hola, soy Pedro Corchero Murga. Mi objetivo es ayudarte a aprender sobre CSS, tanto a nivel básico, medio, como avanzado, de forma amena, sencilla y gratuita. Todo ello para ayudarte a empezar a crear tus proyectos o mejorarlos, encontrando la inspiración necesaria.

Puedes contactarme o anunciarte en el blog.

¡Espera! ¡Un regalo por tu visita!

Como muestra de gratitud te enviaremos gratis los últimos freebies, sabios consejos y valiosos cupones de descuento sobre materiales de diseño web a tu correo si te registras abajo.