Cómo hacer una película Flash con un fondo transparente
El fondo de una película Flash se puede configurar para que se vea transparente. Esto permite ver la imagen o el color de fondo de la página HTML que contiene la película Flash y disponer las capas de contenido de Flash con contenido DHTML.
Los siguientes navegadores actualmente admiten el modo sin ventanas:
- Internet Explorer 3 o superior (Windows)
- Internet Explorer 5.1* y 5.2* (Macintosh)
- Netscape 7.0*
- Mozilla 1.0 o superior*
- AOL*
- CompuServe*
Windows y Mac OS X
* Para esta función es obligatorio disponer de Macromedia Flash Player versión 6,0,65,0 (Windows) o 6,0,67,0 (Macintosh) o una versión superior.
Nota: para esta función no se admite Mac Classic. Tampoco es posible crear fondos transparentes en un proyector Flash independiente.
Nota: si se utiliza el modo sin ventanas, el rendimiento se puede ver afectado hasta cierto punto. Si una de las prioridades máximas es un rendimiento más rápido, quizá desee considerar otras opciones de diseño.
Preparación de la página HTML para hacer que la película Flash sea transparente
A continuación se describen tres métodos de creación de una página HTML con el código correcto.
1. Publicación desde Flash
El código HTML para una película Flash se puede crear utilizando la función Configuración de publicación de Flash. El cuadro de diálogo Configuración de publicación proporciona una opción que afecta al valor de Modo de ventana. Las opciones seleccionadas en Configuración de publicación se añadirán al código fuente HTML automáticamente:
- Seleccione Archivo > Configuración de publicación. Seleccione la ficha HTML.
- Seleccione "Transparente sin ventanas" en Modo de ventana para que el fondo de la película Flash desaparezca en los navegadores compatibles con esta función.
- Publique el documento.
2. Utilización de Dreamweaver MX
Siga los pasos que se indican a continuación y Dreamweaver MX insertará automáticamente el código HTML correcto.
- En Dreamweaver MX, inserte la película Flash en una página HTML.
- Seleccione la película Flash en la vista Diseño.
- En el panel Propiedades, elija Parámetros.
-
Para el parámetro, introduzca "wmode" (sin comillas).
Para el valor, introduzca "transparent".
- Guarde el documento. La página HTML está finalizada.
3. Edición del código HTML manualmente
-
Para editar una página HTML existente, añada los parámetros WMODE al código HTML.
Añada el parámetro siguiente a la etiqueta OBJECT:
<param name="wmode" value="transparent">Añada el parámetro siguiente a la etiqueta EMBED:
wmode="transparent"
Ejemplos
Con transparencia
Un archivo SWF con un fondo negro está en una capa HTML.
El texto rojo está en la página HTML (en una capa DHTML debajo de la película Flash).
Si visualiza esta nota técnica con una configuración admitida, la verá con un fondo de color blanco y el texto en rojo.
Nota: debido a las restricciones de este modo, la capa es una simulación. La visualización del original de esta página no reflejará el método con exactitud.
Para ver esta demostracin, necesita la ltima versin de Macromedia Flash Player.
Descargar ahora el software gratuito Macromedia Flash Player.
Sin transparencia
Este ejemplo no contiene la etiqueta WMODE y siempre mostrará el color negro de fondo del archivo SWF.
El texto o el resto del contenido de las capas situadas debajo de la película Flash no será visible.
Los navegadores que no admiten la etiqueta WMODE mostrarán esto.
Para ver esta demostracin, necesita la ltima versin de Macromedia Flash Player.
Descargar ahora el software gratuito Macromedia Flash Player.
Información adicional
Para información detallada sobre las películas de Flash que se muestran sobre capas DHTML, consulte Flash content displays on top of all DHTML layers (El contenido de Flash aparece encima de todas las capas DHTML) (nota técnica 15523) *.
| Última actualización: | 12 de diciembre de 2002 |
|---|---|
| Fecha de creación: | 20 de diciembre de 1999 |