lunes, 31 de agosto de 2009

¿Por qué el reproductor flash se pone por encima las capas con position:absolute?

Seguramente no haya una sola respuesta. Yo cuento la que a mi me ha solucionado la vida, viene muy bien explicada aquí [1].
Resumo:

Los objetos flash como este:
Tienen un atributo:

Que tiene tres posibles valores:
Description:
(Optional) Lets you use the transparent Flash content, absolute positioning, and layering capabilities available in Internet Explorer 4.0. Window plays the application in its own rectangular window on a web page.

1-Window indicates that the Flash application has no interaction with HTML layers and is always the topmost item.

2-Opaque makes the application hide everything behind it on the page.

3-Transparent makes the background of the HTML page show through all the transparent portions of the application and can slow animation performance.

El que debemos escoger si queremos posicionar una capa de forma absoluta por encima de un video de Youtube (por ejemplo) es opaque.

Y ya está con esto aparece nuestra capa por encima.

NOTA:
La capa debe de estar con position:absolute y metida dentro de otra que tenga position:relative
[1] http://www.askapache.com/css/getting-flash-to-show-up-in-front-of-content.html

Sprites: Imagenes con muchas imagenes

Esta técnica nos sirve para ahorrar peticiones http a tu server y a los clientes.
Igual algún dia me decido a emplear esta técnica.

De momento dejo este link [1] que es una página que crea el sprite, tu le das un .zip con las imágenes y el te proporciona el sprite + la css que te dice que parte del sprite corresponde a cada imagen. No lo he probado.

[1] http://es.spritegen.website-performance.org/section/tool-help