“Creative Use of PNG Transparency in Web Design” por Jeff Croft
Jeff Croft ha publicado un extracto del libro Web Standards Creativity, concretamente del capítulo sobre PNG. El artículo establece los fundamentos entre los diferentes formatos gráficos utilizados en el diseño web explicando más detalladamente las posibilidades que nos ofrece PNG. A continuación expone unos casos reales de usos creativos jugando con las transparencias para más tarde rematar con las limitaciones y parches para IE6 (o inferior).
En resumen, una lectura muy recomendable: Creative Use of PNG Transparency in Web Design.
Advertisement
Great article! About PNG transparency AlphaImageLoader on div, span, tables… elements, without a .js file, we´ll find the solution on 49abcnews.com code: Using conditional comments and CSS like this:
CSS
#element {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
(src=”http://media.49abcnews.com/img/trans-white-20.png”, sizingMethod=”scale”);
}
An example applying a shadow-effect over gradient background image:
Link [http://www.alcarriarural.es]
alfonso marcos vidal de la o
2008/02/28 a 11:49