Alpha, transparencia crossbrowser? Es posible en forma sencilla?

La respuesta es si!

Y por cierto es sencillo, simplemente bastará con crear la clase css a la cual queremos darle la "capacidad" de verse transparente o translúcida, y escribir esto:

.transparent{
opacity: 0.7;
/* Esto lo entiende nuestro "amigo" Internet Explorer */
filter: Alpha(opacity=70);
}

En este caso suponemos que queremos crear una transparencia del 70%.

La primera línea será "comprendida" por Firefox, ópera, etc., mientras que la segunda solamente Internet Explorer. De esta sencilla forma logramos compatibilidad con ambos mundos (firefox/internet explorer) sin mayores dolores de cabeza.

Todo tiene un comienzo...manifiesto

Bueno, pese a haber trabajado (y seguir trabajando) en el desarrollo web ya sea directa o indirectamente durante varios años (mi primera página la armé allá por 1996!), y haber participado de la evolución de internet, por fin me decidí a participar y a no ser un mero espectador.

Mi intención es poder transmitir parte de lo que uno ha ido aprendiendo de gente que realmente sabe en el tema web y también -por qué no- aquello que uno ha ido descubriendo.

Sinceramente me han saturado los contratos de "exclusividad" que muchas veces le impiden a uno hacer algo y poder reutilizarlo (ya sea en un trabajo o en donde fuere).

Por lo mismo también me he decidido a crear mis propios diseños/scripts para compartirlos libremente y no tener que hacer todo mil veces una y otra vez, y por supuesto también para ayudar a aquel que los necesite! (Recuerdo las veces que flashkit, quirksmode, Dean Edwards entre otros supieron darme una mano en más de una de esas entregas contrarreloj).

También como forma de apoyo a mis compañeros de trabajo/amigos que muchas veces me consultan algo y uno en ese momento no puede responderlo.

Por aquello de que:

"Lo bueno, si breve, dos veces bueno; y aun lo malo, si poco, no tan malo"

voy terminado por aquí esta entrada ;)